@media(min-width:768px) and (max-width:1024px) {
    .elementor .elementor-hidden-tablet {
        display: none !important
    }
}

@media screen and (max-width:767px) {

    .elementor .elementor-hidden-mobile,
    .elementor .elementor-hidden-phone {
        display: none !important
    }
}

@keyframes pxl_scale {

    0%,
    100% {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes pxl_scale1 {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-ms-keyframes pxl_spin {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(-360deg)
    }
}

@-moz-keyframes pxl_spin {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(-360deg)
    }
}

@-webkit-keyframes pxl_spin {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes pxl_spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@-ms-keyframes pxl_spin_right {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes pxl_spin_right {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pxl_spin_right {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes pxl_spin_right {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes pxl_spin_child {
    0% {
        -webkit-transform: rotate(-160deg);
        -moz-transform: rotate(-160deg);
        -o-transform: rotate(-160deg);
        transform: rotate(-160deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.pxl-image-spin img {
    animation: pxl_spin 12s linear infinite
}

@keyframes pxl_zoom_reverse {
    0% {
        transform: scale(.6)
    }

    100% {
        transform: scale(1)
    }
}

.pxl-image-zoom {
    animation: pxl_zoom_reverse 8s linear infinite
}

@keyframes zoom-banner-box {
    0% {
        transform: scale(.7, .7)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(.7, .7)
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(.6, .6)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(.6, .6)
    }
}

.pxl-image-zoom2 {
    animation: zoom-in-zoom-out 3e3ms linear infinite
}

@-ms-keyframes pxl_spin_reverse {
    from {
        -ms-transform: translate(-50%, -50%)rotate(0)
    }

    to {
        -ms-transform: translate(-50%, -50%)rotate(-360deg)
    }
}

@-moz-keyframes pxl_spin_reverse {
    from {
        -moz-transform: translate(-50%, -50%)rotate(0)
    }

    to {
        -moz-transform: translate(-50%, -50%)rotate(-360deg)
    }
}

@-webkit-keyframes pxl_spin_reverse {
    from {
        -webkit-transform: translate(-50%, -50%)rotate(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%)rotate(-360deg)
    }
}

@keyframes pxl_spin_reverse {
    from {
        transform: translate(-50%, -50%)rotate(0)
    }

    to {
        transform: translate(-50%, -50%)rotate(-360deg)
    }
}

@-webkit-keyframes pxl_right_from_left {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_right_from_left {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes pxl_right_from_left {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes pxl_left_from_right {
    49% {
        -webkit-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes pxl_left_from_right {
    49% {
        -moz-transform: translate(-100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes pxl_left_from_right {
    49% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    51% {
        opacity: 1
    }
}

@-webkit-keyframes pxl_ani1 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }
}

@keyframes pxl_ani1 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }
}

@-webkit-keyframes pxl_ani2 {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }
}

@keyframes pxl_ani2 {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }
}

@keyframes pxl_bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -webkit-transform: translateY(-4px);
        -ms-transform: translateY(-4px);
        transform: translateY(-4px)
    }
}

.pxl-image-bounce {
    animation: pxl_bounce 1s ease-out infinite;
    -webkit-animation: pxl_bounce 1s ease-out infinite
}

@keyframes pxl_zigzag {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg)
    }

    60% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes pxl_right_left {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(-40px)
    }

    100% {
        transform: translateX(0)
    }
}

.slide-right-to-left {
    animation: pxl_right_left 12s ease-out infinite;
    -webkit-animation: pxl_right_left 12s ease-out infinite
}

@keyframes pxl_left_right {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-40px)
    }

    50% {
        transform: translateX(0)
    }

    75% {
        transform: translateX(40px)
    }

    100% {
        transform: translateX(0)
    }
}

.slide-left-to-right {
    animation: pxl_left_right 12s ease-out infinite;
    -webkit-animation: pxl_left_right 12s ease-out infinite
}

@keyframes pxl_bottom_top_small {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes pxl_float_one {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-3%)
    }
}

@keyframes pxl_float_two {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

.slide-up-down {
    animation: pxl_float_two 1.2s ease infinite alternate
}

@keyframes pxl_float_three {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10%)
    }
}

@keyframes pxl_bottom_top {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(40px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-40px)
    }

    100% {
        transform: translateY(0)
    }
}

.slide-bottom-to-top {
    animation: pxl_bottom_top 12s ease-out infinite;
    -webkit-animation: pxl_bottom_top 12s ease-out infinite
}

@keyframes pxl_effect1 {
    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)
    }
}

.slide-effect1 {
    animation: pxl_effect1 12s ease-out infinite;
    -webkit-animation: pxl_effect1 12s ease-out infinite
}

@keyframes pxl_effect2 {
    0% {
        transform: translate(0, 0)
    }

    20% {
        transform: translate(-30px, 40px)
    }

    40% {
        transform: translate(60px, 60px)
    }

    60% {
        transform: translate(70px, 40px)
    }

    80% {
        transform: translate(40px, -70px)
    }

    100% {
        transform: translate(0, 0)
    }
}

.slide-effect2 {
    animation: pxl_effect2 12s ease-out infinite;
    -webkit-animation: pxl_effect2 12s ease-out infinite
}

@keyframes pxl_effect3 {
    0% {
        transform: translate(0, 0)
    }

    30% {
        transform: translate(40px, 60px)
    }

    45% {
        transform: translate(80px, 90px)
    }

    65% {
        transform: translate(40px, 110px)
    }

    75% {
        transform: translate(20px, 800px)
    }

    100% {
        transform: translate(0, 0)
    }
}

.slide-effect3 {
    animation: pxl_effect3 12s ease-out infinite;
    -webkit-animation: pxl_effect3 12s ease-out infinite
}

@keyframes pxl_top_bottom {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(-40px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(40px)
    }

    100% {
        transform: translateY(0)
    }
}

.slide-top-to-bottom {
    animation: pxl_top_bottom 12s ease-out infinite;
    -webkit-animation: pxl_top_bottom 12s ease-out infinite
}

@-webkit-keyframes img_circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes img_circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-webkit-keyframes pxl_loader_bounce {

    0%,
    100% {
        -webkit-transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes pxl_loader_bounce {

    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes pxl_keyword_slideIn {
    from {
        transform: translateY(65%)rotateX(-95deg);
        opacity: 0
    }

    to {
        transform: translateY(0)rotateX(0);
        opacity: 1
    }
}

@keyframes pxl_keyword_slideOut {
    from {
        transform: translateY(0)rotateX(0);
        opacity: 1
    }

    to {
        transform: translateY(-65%)rotateX(95deg);
        opacity: 0
    }
}

@keyframes pxl_path_animation1 {
    0% {
        d: path("M216.0721,0.4833 C322.9537,-2.5322 717.2049,68.7775 615.7587,325.1304 C514.3126,581.4834 253.6633,623.1795 113.8722,568.3405 C-25.9188,513.5016 -11.254,228.6905 24.3807,136.5252 C60.0154,44.36 109.1906,3.4987 216.0721,0.4833 Z")
    }

    15% {
        d: path("M242.5805,0.8723 C352.6677,-1.5945 701.5915,48.4815 618.6036,302.8597 C535.6157,557.2379 307.7729,624.1337 152.4263,570.7438 C-2.9204,517.354 -15.5995,237.2326 20.2686,141.7992 C56.1366,46.3658 132.4932,3.3391 242.5805,0.8723 Z")
    }

    25% {
        d: path("M353.759,3.772 C477.2084,3.5922 636.1455,-37.2589 630.0964,208.8882 C624.0473,455.0353 521.2185,623.5462 298.9779,580.716 C76.7372,537.8858 -28.8734,264.4844 7.9672,155.4284 C44.8077,46.3725 230.3095,3.9518 353.759,3.772 Z")
    }

    35% {
        d: path("M236.134,2.7663 C345.3119,0.1438 705.4482,52.4497 617.2239,307.3881 C528.9995,562.3266 273.4527,616.7046 119.2977,569.9905 C-34.8572,523.2763 -6.7788,221.7094 29.0231,127.2031 C64.8249,32.6969 126.9562,5.3887 236.134,2.7663 Z")
    }

    50% {
        d: path("M348.0078,15.4973 C469.9906,15.0665 639.8879,-38.6012 625.3939,208.4494 C610.9,455.5 383.8066,580.5979 149.5525,579.1913 C-84.7016,577.7847 18.1772,182.7798 54.911,75.219 C91.6447,-32.3417 226.025,15.9282 348.0078,15.4973 Z")
    }

    75% {
        d: path("M369.8056,17.6371 C494.3056,17.6371 627.1037,-56.176 627.1037,189.324 C627.1037,434.824 408.9345,574.7961 159.5178,581.013 C-89.899,587.2299 21.7092,177.4988 58.6262,67.3718 C95.5432,-42.7552 245.3056,17.6371 369.8056,17.6371 Z")
    }

    100% {
        d: path("M346.228,3.5756 C468.7724,3.2409 640.5786,-31.4511 629.3179,215.2536 C618.0572,461.9583 506.7603,623.586 289.0509,580.0405 C71.3414,536.495 -27.9742,262.6385 8.8004,154.5052 C45.5751,46.372 223.6837,3.9103 346.228,3.5756 Z")
    }
}

@-webkit-keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

@-moz-keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

@-o-keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

@keyframes pxl_animation_round {
    from {
        transform: rotate(0)translateX(10px)rotate(0)
    }

    to {
        transform: rotate(360deg)translateX(10px)rotate(-360deg)
    }
}

.pxl-animation-round {
    animation: pxl_animation_round 4s infinite linear;
    -webkit-animation: pxl_animation_round 4s infinite linear
}

@keyframes pxl_kenburns {
    0% {
        opacity: 1;
        transform: scale(1.2)
    }

    1.5625% {
        opacity: 1
    }

    23.4375% {
        opacity: 1
    }

    26.5625% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }

    98.4375% {
        opacity: 1;
        transform: scale(1)
    }

    100% {
        opacity: 1
    }
}

@keyframes pxl_pulse_border {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(2.2);
        opacity: 0
    }
}

@-webkit-keyframes pxl_pulse_border {
    0% {
        transform: scale(1);
        opacity: .67
    }

    100% {
        transform: scale(3.2);
        opacity: 0
    }
}

@keyframes pxl_pulse_radius {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes pxl_pulse_radius {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.5);
        opacity: 0
    }
}

@keyframes pxl-wide-menu-underline {
    0% {
        background-size: 100% 100%;
        background-position-x: 100%
    }

    100% {
        background-size: 0 100%;
        background-position-x: 100%
    }
}

@keyframes pxl-wide-menu-underline-hover {
    0% {
        background-position-x: 0;
        background-size: 0 100%
    }

    100% {
        background-position-x: 0;
        background-size: 100% 100%
    }
}

@keyframes pxl_clip_ani_1 {
    0% {
        clip-path: polygon(100% 10%, 80% 40%, 60% 60%, 70% 80%, 70% 90%, 75% 100%, 2% 96%, 0% 44%, 3% 7%, 47% 0%)
    }

    100% {
        clip-path: polygon(100% 10%, 90% 40%, 70% 65%, 65% 80%, 70% 90%, 75% 100%, 2% 96%, 0% 44%, 3% 7%, 47% 0%)
    }
}

@keyframes pxl_clip_ani_2 {
    0% {
        -webkit-border-radius: 120% 200% 0 0;
        -khtml-border-radius: 120% 200% 0 0;
        -moz-border-radius: 120% 200% 0 0;
        -ms-border-radius: 120% 200% 0 0;
        -o-border-radius: 120% 200% 0 0;
        border-radius: 120% 200% 0 0;
        width: 28%
    }

    100% {
        -webkit-border-radius: 200% 120% 0 0;
        -khtml-border-radius: 200% 120% 0 0;
        -moz-border-radius: 200% 120% 0 0;
        -ms-border-radius: 200% 120% 0 0;
        -o-border-radius: 200% 120% 0 0;
        border-radius: 200% 120% 0 0;
        width: 30%
    }
}

@keyframes pxl_video_ani_1 {
    0% {
        background-position: 0
    }

    50% {
        background-position: 100%
    }

    100% {
        background-position: 0
    }
}

@keyframes wave {

    0%,
    100% {
        transform: rotate(5deg)
    }

    50% {
        transform: rotate(7deg)
    }
}

@keyframes wave2 {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@keyframes movement {

    16%,
    48%,
    78% {
        top: 50px;
        animation-timing-function: ease-out
    }

    32% {
        top: 20px;
        animation-timing-function: ease-out
    }

    62% {
        top: 10px;
        animation-timing-function: ease-out
    }

    90% {
        top: 20px;
        animation-timing-function: ease-out
    }

    100% {
        top: 0;
        left: 100%;
        animation-timing-function: ease-out;
        transform: rotate(360deg)
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes pxl_line_anim {
    0% {
        right: 0;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    100% {
        right: 99%
    }
}

@keyframes swing {
    0% {
        transform: rotate(-5deg)
    }

    50% {
        transform: rotate(5deg)
    }

    100% {
        transform: rotate(-5deg)
    }
}

@keyframes jello {
    11.1% {
        transform: none
    }

    22.2% {
        transform: skewX(-12.5deg)skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg)skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg)skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg)skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg)skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.39063deg)skewY(.39063deg)
    }

    88.8% {
        transform: skewX(-.19531deg)skewY(-.19531deg)
    }

    100% {
        transform: none
    }
}

@-webkit-keyframes pxl_text_slide_l {
    0% {
        -webkit-transform: translate(-40%, 0%)
    }

    100% {
        -webkit-transform: translate(-60%, 0%)
    }
}

@keyframes pxl_text_slide_l {
    0% {
        transform: translate(-40%, 0%)
    }

    100% {
        transform: translate(-60%, 0%)
    }
}

@-webkit-keyframes pxl_text_slide_r {
    0% {
        -webkit-transform: translate(40%, 0%)
    }

    100% {
        -webkit-transform: translate(60%, 0%)
    }
}

@keyframes pxl_text_slide_r {
    0% {
        transform: translate(40%, 0%)
    }

    100% {
        transform: translate(60%, 0%)
    }
}

@-webkit-keyframes pxl_text_slide_t {
    0% {
        -webkit-transform: translate(0%, 0)
    }

    100% {
        -webkit-transform: translate(0%, -100%)
    }
}

@keyframes pxl_text_slide_t {
    0% {
        transform: translate(0%, 0)
    }

    100% {
        transform: translate(0%, -100%)
    }
}

@-webkit-keyframes pxl_text_slide_b {
    0% {
        -webkit-transform: translate(0%, -100%)
    }

    100% {
        -webkit-transform: translate(0%, 0)
    }
}

@keyframes pxl_text_slide_b {
    0% {
        transform: translate(0%, -100%)
    }

    100% {
        transform: translate(0%, 0)
    }
}

.text-slide-to-left {
    -webkit-animation: pxl_text_slide_l 10s linear infinite;
    animation: pxl_text_slide_l 10s linear infinite
}

.text-slide-to-right {
    -webkit-animation: pxl_text_slide_r 10s linear infinite;
    animation: pxl_text_slide_r 10s linear infinite
}

.text-slide-to-top {
    -webkit-animation: pxl_text_slide_t 10s linear infinite;
    animation: pxl_text_slide_t 10s linear infinite
}

.text-slide-to-bottom {
    -webkit-animation: pxl_text_slide_b 10s linear infinite;
    animation: pxl_text_slide_b 10s linear infinite
}

@keyframes pxl_grid_fall {
    0% {
        top: 36%
    }

    100% {
        top: 90%
    }
}

@keyframes shine_left {
    0 {
        width: 170%;
        height: 170%;
        animation-timing-function: ease-out
    }

    30% {
        width: 150%;
        height: 150%;
        animation-timing-function: ease-out
    }

    60% {
        width: 170%;
        height: 170%;
        animation-timing-function: ease-out
    }

    100% {
        width: 150%;
        height: 150%;
        animation-timing-function: ease-out
    }
}

@keyframes circle {
    0% {
        top: 60px;
        height: 5px;
        border-radius: 50px 50px 25px 25px;
        transform: scaleX(1.7)
    }

    40% {
        height: 20px;
        border-radius: 50%;
        transform: scaleX(1)
    }

    100% {
        top: 0%
    }
}

@keyframes shadow {
    0% {
        transform: scaleX(1.5)
    }

    40% {
        transform: scaleX(1);
        opacity: .7
    }

    100% {
        transform: scaleX(.2);
        opacity: .4
    }
}

@-o-keyframes an-smoke-1 {
    0% {
        opacity: 0;
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: translate(-10%, 0%)rotate(.01deg);
        transform: translate(-10%, 0%)rotate(.01deg)
    }
}

@keyframes an-smoke-1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0)rotate(.01deg);
        -moz-transform: translateY(0)rotate(.01deg);
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-10%, 0%)rotate(.01deg);
        -moz-transform: translate(-10%, 0%)rotate(.01deg);
        -o-transform: translate(-10%, 0%)rotate(.01deg);
        transform: translate(-10%, 0%)rotate(.01deg)
    }
}

@-o-keyframes an-smoke-2 {
    0% {
        opacity: 0;
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: translate(10%, 0%)rotate(.01deg);
        transform: translate(10%, 0%)rotate(.01deg)
    }
}

@keyframes an-smoke-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(0)rotate(.01deg);
        -moz-transform: translateY(0)rotate(.01deg);
        -o-transform: translateY(0)rotate(.01deg);
        transform: translateY(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate(10%, 0%)rotate(.01deg);
        -moz-transform: translate(10%, 0%)rotate(.01deg);
        -o-transform: translate(10%, 0%)rotate(.01deg);
        transform: translate(10%, 0%)rotate(.01deg)
    }
}

@-o-keyframes an-smoke-3 {
    0% {
        opacity: 0;
        -o-transform: translateX(0)rotate(.01deg);
        transform: translateX(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: translate(0%, 10%)rotate(.01deg);
        transform: translate(0%, 10%)rotate(.01deg)
    }
}

@keyframes an-smoke-3 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0)rotate(.01deg);
        -moz-transform: translate(0)rotate(.01deg);
        -o-transform: translate(0)rotate(.01deg);
        transform: translate(0)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate(0, 10%)rotate(.01deg);
        -moz-transform: translate(0, 10%)rotate(.01deg);
        -o-transform: translate(0, 10%)rotate(.01deg);
        transform: translate(0, 10%)rotate(.01deg)
    }
}

@-o-keyframes an-smoke-4 {
    0% {
        opacity: 0;
        -o-transform: scale(1)rotate(.01deg);
        transform: scale(1)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -o-transform: scale(1.1)rotate(.01deg);
        transform: scale(1.1)rotate(.01deg)
    }
}

@keyframes an-smoke-4 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1)rotate(.01deg);
        -moz-transform: scale(1)rotate(.01deg);
        -o-transform: scale(1)rotate(.01deg);
        transform: scale(1)rotate(.01deg)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.1)rotate(.01deg);
        -moz-transform: scale(1.1)rotate(.01deg);
        -o-transform: scale(1.1)rotate(.01deg);
        transform: scale(1.1)rotate(.01deg)
    }
}

@keyframes animate_sub_menu {
    0% {
        transform: translate(-9%, -75%)rotate(0)
    }

    100% {
        transform: translate(-9%, -75%)rotate(360deg)
    }
}

@keyframes SVGTX {
    0% {
        stroke-dashoffset: 2500;
        fill: transparent
    }

    100% {
        stroke-dashoffset: 0;
        stroke-width: 1;
        fill: var(--primary-color)
    }
}

@-webkit-keyframes orbit {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-moz-keyframes orbit {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-ms-keyframes orbit {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes orbit {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@-moz-keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@-ms-keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@keyframes puf {
    0% {
        opacity: 1;
        color: #000;
        transform: scale(1)
    }

    10% {
        color: #3498db;
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: #fff;
        transform: scale(.4)
    }
}

@-webkit-keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255, 255, 255, .9);
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@-moz-keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255, 255, 255, .9);
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@-ms-keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255, 255, 255, .9);
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@keyframes puf-white {
    0% {
        opacity: 1;
        color: transparent;
        transform: scale(1)
    }

    10% {
        color: rgba(255, 255, 255, .9);
        transform: scale(1.5)
    }

    60%,
    100% {
        opacity: 0;
        color: transparent;
        transform: scale(.4)
    }
}

@-webkit-keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-moz-keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-ms-keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@keyframes particle {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: 15px
    }

    75% {
        opacity: .5;
        margin-top: 5px
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-webkit-keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-moz-keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@-ms-keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@keyframes particle-o {
    0% {
        opacity: 1;
        color: #fff;
        margin-top: 0
    }

    10% {
        margin-top: -7px
    }

    75% {
        opacity: .5;
        margin-top: 0
    }

    100% {
        opacity: 0;
        margin-top: 0
    }
}

@keyframes pxlInnerOut {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes pxlImgOut {
    0% {
        transform: translateX(0)scale(1)
    }

    100% {
        transform: translateX(100%)scale(1.15)
    }
}

@keyframes pxlInnerIn {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes pxlImgIn {
    0% {
        transform: translateX(-100%)scale(1.15)
    }

    100% {
        transform: translateX(0)scale(1)
    }
}

@-webkit-keyframes toRightLeft {
    49% {
        -webkit-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@-moz-keyframes toRightLeft {
    49% {
        -moz-transform: translate(100%)
    }

    50% {
        opacity: 0;
        -moz-transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}

@keyframes toRightLeft {
    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
    }
}

@keyframes ct1 {
    0% {
        background-position: 100%
    }
}

@keyframes gentle-rotate {
    0% {
        transform: rotate(-25deg)
    }

    50% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(-25deg)
    }
}

@keyframes move-left-to-right {
    0% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(-10px, 15px)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes move-right-to-left {
    0% {
        transform: translate(5px, 0)
    }

    50% {
        transform: translate(15px, 0)
    }

    100% {
        transform: translate(5px, 0)
    }
}

@keyframes square-top-left {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(-5px, -10px)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-top-right {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(0, -15px)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-bottom-left {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(0, 10px)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-top-right-lv2 {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(10px, 0)
    }

    100% {
        transform: translate(0)
    }
}

@keyframes square-bottom-right {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(5px, 10px)
    }

    100% {
        transform: translate(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
    }
}

@keyframes slidetopbottom {
    0% {
        top: 0;
        transform: translateY(0)
    }

    100% {
        top: 100%;
        transform: translateY(-100%)
    }
}

@keyframes blink {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes blink {
    90% {
        transform: none;
        animation-timing-function: ease-in
    }

    93% {
        transform: translateY(15px)scaleY(0)
    }

    100% {
        animation-timing-function: ease-out
    }
}

@keyframes pxl_load_spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        -khtml-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg)
    }
}

@keyframes pxl_load_characters {

    0%,
    75%,
    100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        -khtml-transform: rotateY(-90deg);
        -moz-transform: rotateY(-90deg);
        -ms-transform: rotateY(-90deg);
        -o-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    25%,
    50% {
        opacity: 1;
        -webkit-transform: rotateY(0);
        -khtml-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

.pxl-grid .pxl-grid-masonry {
    position: relative
}

.pxl-grid .grid-sizer {
    z-index: -1
}

.pxl-grid .pxl-load-more {
    text-align: center;
    padding: 0 15px
}

@media screen and (min-width:1201px) {
    .pxl-grid .col-xl-pxl5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .pxl-grid .col-lg-66-pxl {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media screen and (min-width:1201px) {
    .pxl-grid .col-xl-66-pxl {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

.elementor-editor-active .grid-sizer {
    display: none
}

body:not(.elementor-editor-active) .pxl-swiper-slider {
    opacity: 0
}

.pxl-carousel-inner {
    overflow: hidden
}

.pxl-swiper-container {
    margin: 0 -15px;
    position: relative;
    overflow: hidden
}

.pxl-swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.pxl-swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: 100%;
    position: relative;
    padding: 0 15px
}

.pxl-navigation-carousel {
    display: inline-flex;
    margin: 0 -10px
}

.pxl-swiper-arrow,
.pxl-navigation-arrow {
    cursor: pointer;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-swiper-arrow.style-1,
.pxl-navigation-arrow.style-1 {
    font-size: 12px;
    color: var(--secondary-color);
    width: 47px;
    height: 47px;
    line-height: 47px;
    display: block;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    background-color: rgba(248, 248, 248, .58);
    -webkit-border-radius: 47px;
    -khtml-border-radius: 47px;
    -moz-border-radius: 47px;
    -ms-border-radius: 47px;
    -o-border-radius: 47px;
    border-radius: 47px;
    margin: 0 10px;
    cursor: pointer
}

.pxl-swiper-arrow.style-1:hover,
.pxl-navigation-arrow.style-1:hover {
    color: #fff;
    background-color: var(--primary-color);
    color: var(--secondary-color)
}

.pxl-swiper-arrow.style-2,
.pxl-navigation-arrow.style-2 {
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    background-color: #373737;
    line-height: 72px;
    color: #fff;
    cursor: pointer;
    font-size: 25px
}

.pxl-swiper-arrow.style-2:hover,
.pxl-navigation-arrow.style-2:hover,
.pxl-swiper-arrow.style-2.active,
.pxl-navigation-arrow.style-2.active {
    background-color: var(--primary-color);
    color: var(--secondary-color)
}

.pxl-swiper-arrow.style-3,
.pxl-navigation-arrow.style-3 {
    height: 43px;
    width: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #9a4f00;
    color: #fff;
    font-size: 15px;
    border-radius: 100%;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .4);
    -khtml-box-shadow: 0 6px 6px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, .4);
    -ms-box-shadow: 0 6px 6px rgba(0, 0, 0, .4);
    -o-box-shadow: 0 6px 6px rgba(0, 0, 0, .4);
    box-shadow: 0 6px 6px rgba(0, 0, 0, .4)
}

.pxl-swiper-arrow.style-3 i,
.pxl-navigation-arrow.style-3 i {
    display: inline-flex
}

.pxl-swiper-arrow.style-3:hover,
.pxl-navigation-arrow.style-3:hover {
    background-color: var(--primary-color)
}

.pxl-swiper-arrow.swiper-button-disabled,
.pxl-navigation-arrow.swiper-button-disabled {
    cursor: not-allowed
}

.pxl-swiper-arrow.pxl-mouse-effect,
.pxl-navigation-arrow.pxl-mouse-effect {
    height: 100%;
    width: 140px;
    position: absolute;
    top: 0;
    margin: 0;
    opacity: 0
}

.pxl-swiper-arrow.pxl-mouse-effect.pxl-swiper-arrow-next,
.pxl-navigation-arrow.pxl-mouse-effect.pxl-swiper-arrow-next {
    right: -120px
}

.pxl-swiper-arrow.pxl-mouse-effect.pxl-swiper-arrow-prev,
.pxl-navigation-arrow.pxl-mouse-effect.pxl-swiper-arrow-prev {
    left: -120px
}

.pxl-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 30px
}

.pxl-swiper-pagination .pxl-swiper-current-slide,
.pxl-swiper-pagination .pxl-swiper-total-slides {
    font-size: 18px;
    font-weight: 700;
    color: #cccabf;
    margin: 0 14px
}

.pxl-swiper-pagination .pxl-swiper-current-slide:before,
.pxl-swiper-pagination .pxl-swiper-total-slides:before {
    content: '0'
}

.pxl-swiper-pagination .pxl-swiper-current-slide {
    color: #0a1316
}

.pxl-swiper-boxshadow .pxl-carousel-inner {
    margin: 0 -30px
}

.pxl-swiper-boxshadow .pxl-carousel-inner .pxl-swiper-container {
    padding: 0 30px
}

.pxl-swiper-boxshadow .pxl-swiper-slide {
    -webkit-transition: opacity .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: opacity .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: opacity .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: opacity .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: opacity .25s cubic-bezier(.645, .045, .355, 1);
    transition: opacity .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible) {
    opacity: 0
}

@media screen and (max-width:1200px) {
    .pxl-swiper-boxshadow .pxl-swiper-dots.style-1.pxl-swiper-pagination-progressbar {
        margin-left: 45px;
        margin-right: 45px
    }
}

.pxl-swiper-slider {
    position: relative
}

.pxl-swiper-slider.pxl-swiper-arrow-show .pxl-swiper-arrow {
    opacity: 1;
    visibility: visible
}

.pxl-swiper-nogap .pxl-swiper-container {
    margin: 0
}

.pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide {
    padding: 0
}

.pxl-swiper-thumbs {
    overflow: hidden;
    padding: 0 15px
}

.pxl-swiper-thumbs .swiper-slide {
    cursor: pointer;
    padding: 0 15px
}

.swiper-container-vertical {
    height: 300px
}

.swiper-container-vertical .pxl-swiper-wrapper,
.swiper-container-vertical .swiper-wrapper {
    flex-direction: column
}

.swiper-container-vertical .pxl-swiper-slide,
.swiper-container-vertical .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-slider-mode=fade] .swiper-slide-active {
    z-index: 9
}

.pxl-col-align-start>.elementor-widget-wrap {
    justify-content: flex-start
}

.pxl-col-align-start .elementor-inner-section>.elementor-container {
    margin-left: 0
}

.pxl-col-align-center>.elementor-widget-wrap {
    justify-content: center
}

.pxl-col-align-end>.elementor-widget-wrap {
    justify-content: flex-end
}

.pxl-col-align-end .elementor-inner-section>.elementor-container {
    margin-right: 0
}

html {
    box-sizing: border-box
}

body {
    background-color: var(--body-bg-color);
    font-size: 16px;
    line-height: 1.6875;
    color: var(--secondary-color);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    font-weight: 400;
    letter-spacing: 0;
    font-family: archivo, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    margin: 0;
    padding: 0;
    letter-spacing: .1px
}

@media screen and (max-width:767px) {
    body.body-visible-sm {
        overflow: visible
    }
}

a {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    color: var(--link-color)
}

a:before,
a:after {
    -webkit-transition: inherit;
    -khtml-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

a:hover {
    color: var(--link-color-hover)
}

a:active {
    color: var(--link-color-active)
}

a,
a:hover,
a:focus,
a:before,
a:after {
    outline: none;
    text-decoration: none
}

.ft-heading,
.pxl--post-footer label,
.pxl-pagination-wrap .page-numbers,
.widget .widget-title,
.pxl-widget-title,
.comments-title,
.comment-reply-title,
.widget_product_categories ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a,
.widget_product_categories ul li .pxl-count,
.widget_categories ul li .pxl-count,
.widget_nav_menu ul li .pxl-count,
.widget_pages ul li .pxl-count,
.widget_archive ul li .pxl-count,
.widget_meta ul li .pxl-count,
.widget_recent_entries ul li .pxl-count,
.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--holder .pxl-item--title,
.widget_recent_comments ul,
.widget_recent_comments ol,
.widget_rss .rsswidget,
.widget_block .wp-block-search__label,
.widget_block .wp-block-group__inner-container>h2,
.widget_block .wp-block-latest-posts__list,
.widget_block .wp-block-latest-comments,
textarea,
.comment-title,
.pxl-meta.pxl-meta2.active1 .pxl-item,
.pxl-meta.pxl-meta2.active2 .pxl-item,
.pxl-meta.pxl-meta2.active3 .pxl-item,
.pxl-meta.pxl-meta2.active4 .pxl-item,
.pxl-meta.pxl-meta2.active5 .pxl-item,
.pxl-meta.pxl-meta2.active6 .pxl-item,
.pxl-meta.pxl-meta2.style-no-active .pxl-item,
.pxl-meta.pxl-meta3 .pxl-item .pxl-item-title,
.pxl-meta.pxl-meta4.style2 .pxl-item .pxl-item-content .pxl-item-title,
.pxl-meta.pxl-meta4.style2 .pxl-item .pxl-item-content .pxl-item-desc,
.pxl-text-animation1 .pxl-item-inner .pxl-item-text,
.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta .pxl--title,
.pxl-pagination1 .pxl--item .pxl-title-inner,
.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title,
.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--title,
.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-sub-title,
.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-item-title,
.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title,
.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-desc,
.pxl-showcase-grid .pxl-item--buttons .btn,
.pxl-text-carousel1.style1 .pxl-item--text,
.pxl-text-carousel1.style2 .pxl-item--text,
.pxl-text-carousel1.style3 .pxl-item--text,
.pxl-text-carousel1.style4 .pxl-item--text,
.pxl-list-box1 .pxl-item--title,
.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item--number,
.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--title,
.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item--number,
.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title,
.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img,
.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-heading,
.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-title-heading,
.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading,
.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom .pxl-item--desc,
.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-number,
.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-number,
.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change .pxl-item-title,
.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link,
.pxl-text-change1 .pxl-change-inner .pxl--heading,
.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item--title,
.pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-number,
.pxl-login .user-registration,
.pxl-login .user-registration .ur-form-grid label,
.pxl-login .user-registration .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input,
.pxl-login .user-registration .ur-frontend-form .ur-form-grid label,
.pxl-login .user-registration .ur-frontend-form .user-registration-form-login .ur-form-grid .user-registration-form-row input.input-text,
.pxl-login .user-registration a,
.ur-frontend-form.login #user_login,
.single-product #pxl-content-area div.product form.cart label,
.single-product>div.product form.cart label,
.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li a,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,
.pxl-logo-fixed .pxl-logo-text,
.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title,
.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--title,
.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle,
.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title,
.pxl-heading.px-sub-title-style2-style .pxl-item--title,
.pxl-heading.px-sub-title-style3-style .pxl-item--subtitle,
.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title a,
.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--position,
.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price,
.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li {
    font-family: archivo, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: archivo, sans-serif;
    font-optical-sizing: auto;
    color: var(--link-color);
    font-weight: 600;
    margin: 0 0 15px;
    clear: both;
    line-height: 1.2;
    font-style: normal
}

h1,
.h1 {
    font-size: 76.8px
}

h2,
.h2 {
    font-size: 68px
}

h3,
.h3 {
    font-size: 56px
}

h4,
.h4 {
    font-size: 50px
}

h5,
.h5 {
    font-size: 25.6px
}

h6,
.h6 {
    font-size: 22px
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none
}

p {
    margin: 0 0 15px
}

table {
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin: 0 0 32px;
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

table th {
    color: #000;
    font-size: 15px
}

caption,
td {
    font-weight: 400
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 13px 8px
}

th {
    font-weight: 600;
    border-top: 1px solid #d5d5d5;
    padding: 10px;
    border-right: 1px solid #d5d5d5
}

td {
    border-top: 1px solid #d5d5d5;
    padding: 10px;
    border-right: 1px solid #d5d5d5;
    font-size: 15px;
    text-align: center
}

dl {
    margin: 0 0 0 25px
}

dl dt {
    font-weight: 400;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000
}

dl dd {
    line-height: normal;
    margin-bottom: 20px
}

dl dd a {
    color: #000
}

dl dd a:hover {
    color: var(--primary-color)
}

code,
kbd {
    background-color: initial;
    border-radius: 4px;
    color: inherit;
    font-size: 100%;
    padding: 2px 4px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

ins {
    color: #fff;
    border: none;
    padding: 2px;
    text-decoration: none;
    background-color: var(--primary-color)
}

pre {
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre-wrap;
    word-wrap: break-word
}

ol {
    list-style: outside none decimal;
    margin-bottom: 32px
}

ul {
    padding: 0;
    margin: 0 0 32px
}

ul li {
    list-style-position: inside
}

dl+h2+ul {
    padding-left: 35px
}

dl+h2+ul ul {
    padding-left: 35px
}

dl+h2+ul ul li {
    list-style: outside
}

.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: .8075em 0;
    font-size: .875em;
    font-style: italic
}

.gallery-caption {
    opacity: 1;
    margin-top: 10px
}

.wp-block-group.has-background {
    padding: 40px;
    margin-bottom: 30px
}

.wp-caption-text {
    text-align: center
}

.alignleft,
.alignright,
.aligncenter {
    margin-top: 15px;
    margin-bottom: 32px
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 30px
}

.alignright {
    display: inline;
    float: right;
    margin-left: 35px
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.sticky {
    display: block
}

.screen-reader-text {
    display: none
}

.bypostauthor {
    display: block
}

blockquote:not(.pxl-blockquote) {
    padding: 25px 30px;
    font-size: 20px;
    line-height: 1.5;
    color: #1b1b1b;
    position: relative;
    font-weight: 700;
    margin: 30px 0 26px;
    z-index: 1;
    background-color: #f8f9fa;
    border-left: 5px solid var(--primary-color)
}

@media screen and (max-width:767px) {
    blockquote:not(.pxl-blockquote) {
        padding-left: 20px;
        padding-right: 20px
    }
}

blockquote:not(.pxl-blockquote) cite {
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 500;
    display: block;
    font-style: normal;
    margin-top: 16px
}

blockquote:not(.pxl-blockquote) p:last-child {
    margin-bottom: 0
}

blockquote:not(.pxl-blockquote).wp-block-quote p {
    margin-bottom: 16px !important
}

blockquote:not(.pxl-blockquote).wp-block-quote cite br {
    display: none
}

blockquote:not(.pxl-blockquote).wp-block-quote.has-text-align-right:before {
    left: auto;
    right: 0
}

.wp-block-button {
    margin-bottom: 20px
}

.wp-block-button .wp-block-button__link {
    padding-left: 32px;
    padding-right: 32px;
    background-color: var(--primary-color);
    font-size: 16px;
    font-weight: 700
}

.wp-block-button .wp-block-button__link:not([href]) {
    color: #fff
}

.wp-block-button .wp-block-button__link:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.wp-block-button .wp-block-button__link:hover:not([href]) {
    color: #fff
}

.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: initial;
    color: var(--primary-color)
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.wp-block-button.is-style-squared .wp-block-button__link {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.wp-block-button.aligncenter {
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.has-background-dim {
    color: #fff;
    margin-bottom: 30px
}

.wp-block-gallery .blocks-gallery-item {
    float: left
}

.wp-block-gallery .blocks-gallery-caption {
    margin-bottom: 22px
}

.wp-block-gallery.alignleft {
    margin-right: 30px
}

.wp-block-gallery.alignright {
    margin-left: 30px
}

#tslOverlay {
    background-color: initial !important;
    z-index: 999999 !important
}

@font-face {
    font-family: neuemachina;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/neuemachina/neuemachina-light.woff2)format('woff2'), url(../fonts/neuemachina/neuemachina-light.woff)format('woff')
}

@font-face {
    font-family: neuemachina;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/neuemachina/neuemachina-regular.woff2)format('woff2'), url(../fonts/neuemachina/neuemachina-regular.woff)format('woff')
}

@font-face {
    font-family: neuemachina;
    font-weight: 800;
    font-style: normal;
    src: url(../fonts/neuemachina/neuemachina-ultrabold.woff2)format('woff2'), url(../fonts/neuemachina/neuemachina-ultrabold.woff)format('woff')
}

.ft-neuemachina {
    font-family: neuemachina !important
}

.elementor-editor-preview,
.elementor-editor-active {}

.elementor-editor-preview .pxl-section-bg-parallax,
.elementor-editor-active .pxl-section-bg-parallax {
    z-index: -1
}

.elementor-editor-preview .elementor-shape,
.elementor-editor-active .elementor-shape {
    direction: ltr;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    width: 100%
}

.elementor-editor-preview .elementor-shape.elementor-shape-top,
.elementor-editor-active .elementor-shape.elementor-shape-top {
    top: 0
}

.elementor-editor-preview .elementor-shape.elementor-shape-bottom,
.elementor-editor-active .elementor-shape.elementor-shape-bottom {
    bottom: 0;
    transform: rotate(180deg)
}

@media screen and (min-width:1201px) {
    #pxl-wapper .container {
        max-width: 1300px;
        width: 100%
    }
}

@media screen and (max-width:1200px) {
    #pxl-wapper .container {
        max-width: 100%
    }
}

#pxl-wapper .elementor-widget:not(:last-child) {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    #pxl-wapper #pxl-sidebar-area {
        margin-top: 60px
    }
}

@media screen and (min-width:992px) {
    #pxl-wapper .pxl-has-sidebar.pxl-sidebar-left {
        flex-direction: row-reverse
    }
}

#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section>.elementor-container.elementor-column-gap-extended {
    margin: 0 -15px;
    max-width: inherit !important
}

@media screen and (max-width:1200px) {
    #pxl-wapper .elementor-top-section>.elementor-column-gap-extended .elementor-inner-section>.elementor-column-gap-extended {
        margin-left: -15px;
        margin-right: -15px
    }
}

#pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section.pxl-inner-section-maxwidth>.elementor-container {
    max-width: 1170px !important;
    margin: auto
}

#pxl-main {
    margin: 83px 0 120px;
    min-height: calc(100vh - 606px)
}

@media(max-width:991px) {
    #pxl-main {
        margin: 70px 0
    }
}

@media screen and (max-width:1200px) {
    #pxl-main {
        overflow-x: clip
    }
}

@media screen and (max-width:1024px) {
    #pxl-main>.elementor-container {
        padding: 0 15px
    }
}

.pxl-wapper {
    overflow: clip
}

.elementor-page:not(.single-post):not(.single-product) #pxl-main {
    padding-top: 0;
    padding-bottom: 0
}

.elementor-page.single-product .woocommerce-Tabs-panel>.elementor {
    margin: 0 -15px
}

@media screen and (min-width:1201px) {
    body:not(.elementor-editor-active) .pxl-row-scroll-fixed>.elementor-container {
        align-items: flex-start;
        justify-content: space-between
    }

    body:not(.elementor-editor-active) .pxl-row-scroll-fixed .pxl-column-sticky {
        position: sticky
    }
}

@media screen and (max-width:1200px) {
    body:not(.elementor-editor-active) .pxl-row-scroll-fixed .pxl-column-sticky {
        top: 0 !important
    }
}

body.elementor-editor-active .pxl-row-scroll-fixed .pxl-column-sticky {
    top: 0 !important
}

.elementor-page:not(.single-post):not(.single-product) #pxl-content-area.col-12,
.elementor-page:not(.single-post):not(.single-product) #pxl-footer-elementor .row>.col-12 {
    min-height: 0
}

@media(max-width:1024px) {

    .elementor-page:not(.single-post):not(.single-product) #pxl-content-area.col-12,
    .elementor-page:not(.single-post):not(.single-product) #pxl-footer-elementor .row>.col-12 {
        padding: 0
    }
}

@media(min-width:1025px) and (max-width:1200px) {
    .elementor-page:not(.single) #pxl-content-area.col-12 {
        padding-left: 15px;
        padding-right: 15px
    }
}

.single-post .pxl-item--excerpt>.elementor {
    margin: 0 -15px
}

.pxl-bg-color-full {
    z-index: 1
}

.pxl-bg-color-full .pxl-section-overlay-color {
    z-index: -1;
    content: '';
    background-color: #070f01;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-bg-color-skew {
    z-index: 1
}

.pxl-bg-color-skew .pxl-section-overlay-color {
    z-index: -1;
    content: '';
    background-color: #080808;
    position: absolute;
    top: 0;
    left: 6px;
    right: 6px;
    bottom: 0;
    transform: skewX(-12deg);
    max-width: 1160px;
    margin: auto;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms
}

#pxl-page-title-elementor {
    background-color: #fff
}

@media screen and (max-width:1200px) {
    #pxl-page-title-elementor {
        overflow: hidden
    }
}

#pxl-page-title-default {
    background-color: var(--link-color);
    padding: 260px 0 140px;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative
}

@media(max-width:1366px) {
    #pxl-page-title-default {
        padding: 200px 0 140px
    }
}

@media(max-width:1200px) {
    #pxl-page-title-default {
        padding: 100px 0
    }
}

#pxl-page-title-default .container {
    max-width: 1300px;
    position: relative;
    z-index: 2
}

#pxl-page-title-default .pxl-ptitle-content {
    display: flex;
    flex-direction: column;
    gap: 30px
}

#pxl-page-title-default .pxl-ptitle-content .pxl-ptitle-icon {
    width: 170px;
    min-width: 170px;
    height: 170px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff
}

@media(max-width:1280px) {
    #pxl-page-title-default .pxl-ptitle-content .pxl-ptitle-icon {
        width: 130px;
        min-width: 130px;
        height: 130px
    }
}

#pxl-page-title-default .pxl-ptitle-content .pxl-ptitle-icon img {
    height: 70px
}

@media(max-width:1280px) {
    #pxl-page-title-default .pxl-ptitle-content .pxl-ptitle-icon img {
        height: 50px
    }
}

#pxl-page-title-default .ptitle-content {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: wrap
}

#pxl-page-title-default .pxl-page-title {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width:767px) {
    #pxl-page-title-default .pxl-page-title {
        font-size: 45px
    }
}

.pxl-breadcrumb-wrap {
    text-align: center
}

.pxl-breadcrumb {
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    gap: 42px
}

.pxl-breadcrumb li {
    position: relative
}

.pxl-breadcrumb li:after {
    content: '\f14d';
    font-family: Caseicon;
    position: absolute;
    right: -26px;
    top: 50%;
    font-size: 10px;
    transform: translate(0, -50%);
    color: #fff
}

.pxl-breadcrumb li:last-child:after {
    display: none
}

.pxl-breadcrumb span.breadcrumb-entry {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--primary-color)
}

.pxl-breadcrumb a {
    color: inherit;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-breadcrumb a:hover {
    color: var(--primary-color)
}

body.single .pxl-breadcrumb li:not(:first-child):not(:last-child) {
    display: none
}

#pxl-footer-default {
    padding: 40px 0;
    background-color: var(--link-color);
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.8px
}

#pxl-footer-default a {
    color: var(--primary-color)
}

#pxl-footer-default a:hover {
    color: #fff
}

.pxl-scroll-top {
    width: 55px;
    height: 55px;
    position: fixed;
    bottom: 20px;
    right: 25px;
    line-height: 46px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    z-index: 9999;
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .3)
}

@media screen and (max-width:991px) {
    .pxl-scroll-top {
        right: 25px
    }
}

@media(max-width:767px) {
    .pxl-scroll-top {
        width: 45px;
        height: 45px;
        font-size: 18px
    }
}

.pxl-scroll-top:before {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    z-index: -1;
    background-color: #fff;
    border-radius: 100%
}

.pxl-scroll-top .pxl-scroll-progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(90deg);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-scroll-top .pxl-scroll-progress-circle path {
    fill: none;
    stroke: var(--link-color);
    stroke-width: 2;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-scroll-top i {
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--link-color)
}

.pxl-scroll-top.pxl-on {
    bottom: 40px;
    opacity: 1;
    visibility: visible
}

@media screen and (max-width:991px) {
    .pxl-scroll-top.pxl-on {
        bottom: 25px
    }
}

.pxl-scroll-top:hover,
.pxl-scroll-top:focus {
    color: #fff
}

@keyframes pxl_scroll_top_effect {
    0% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(-3px)
    }
}

@keyframes pxl_scroll_bottom_effect {
    0% {
        transform: translateY(-3px)
    }

    100% {
        transform: translateY(3px)
    }
}

@media screen and (max-width:1024px) {
    .section-bg-bl-lg {
        background-position: 0 100% !important
    }
}

#pxl-footer-elementor.pxl-footer-hide {
    display: none !important
}

#pxl-footer-elementor .footer-elementor-inner>.container {
    max-width: 100%
}

.pxl-footer-fixed #pxl-footer-elementor {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media screen and (max-width:1200px) {
    .pxl-footer-fixed #pxl-footer-elementor {
        position: static;
        overflow: hidden
    }
}

.pxl-footer-fixed #pxl-header-elementor,
.pxl-footer-fixed #pxl-page-title-elementor {
    background-color: #fff
}

.pxl-footer-fixed #pxl-main {
    background-color: #fff
}

@media screen and (max-width:1200px) {
    .pxl-footer-fixed #pxl-main {
        margin-bottom: 0 !important
    }
}

.elementor-editor-active #pxl-header-default,
.elementor-editor-active #pxl-header-elementor,
.elementor-editor-active #pxl-page-title-default,
.elementor-editor-active #pxl-footer-elementor,
.elementor-editor-active .pxl-menu-primary .sub-menu,
.elementor-editor-active .pxl-menu-primary .children,
.elementor-editor-active #pxl-page-title-elementor {
    display: none
}

.elementor-editor-active.single-footer #pxl-main,
.elementor-editor-active.single-header #pxl-main {
    max-width: 1200px;
    padding: 0 15px;
    margin: auto
}

.elementor-editor-active.single-pxl-template {
    background-color: rgba(0, 0, 0, .1)
}

.elementor-editor-active .elementor-inner-section>.elementor-element-overlay>.elementor-editor-element-settings {
    margin-left: 84px
}

.elementor-editor-active .elementor-inner-section .elementor-column .elementor-editor-element-settings {
    margin-left: 12px
}

.elementor-editor-active .elementor-section-wrap.ui-sortable {
    margin-top: 30px
}

body img.mfp-img {
    padding: 0 !important
}

body .mfp-fade.mfp-bg.mfp-ready {
    opacity: .85;
    background-color: #000
}

body .mfp-bottom-bar {
    margin-top: 0
}

body .mfp-wrap .mfp-container .mfp-content {
    max-width: 1170px;
    position: static
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close {
    padding: 0;
    right: 0;
    text-align: center;
    top: -36px;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: rgba(255, 255, 255, .12);
    cursor: pointer;
    opacity: 1;
    font-size: 0;
    border: 9px solid transparent;
    position: absolute
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: #fff
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

body .mfp-wrap .mfp-container .mfp-iframe-scaler {
    position: relative;
    overflow: visible
}

body .mfp-wrap .mfp-container .mfp-arrow {
    background-color: var(--primary-color);
    width: 60px;
    height: 120px;
    opacity: 1
}

body .mfp-wrap .mfp-container .mfp-arrow:before,
body .mfp-wrap .mfp-container .mfp-arrow:after {
    border: none
}

body .mfp-wrap .mfp-container .mfp-arrow:before {
    font-family: caseicon;
    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
}

body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before {
    content: "\f136"
}

body .mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before {
    content: "\f14d"
}

@media screen and (min-width:1201px) {
    body .mfp-wrap .mfp-container {
        padding: 0 120px
    }
}

@media screen and (min-width:992px) {

    body.blog .pxl-content-wrap.no-sidebar .pxl-content-area,
    body.archive:not(.post-type-archive):not(.tax-product_cat):not(.tax-product_tag) .pxl-content-wrap.no-sidebar .pxl-content-area,
    body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    body.blog .pxl-content-wrap.no-sidebar .pxl-content-area #pxl-content-main,
    body.archive:not(.post-type-archive):not(.tax-product_cat):not(.tax-product_tag) .pxl-content-wrap.no-sidebar .pxl-content-area #pxl-content-main,
    body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area #pxl-content-main {
        padding-right: 0
    }
}

.pxl-row-divider-active {
    z-index: 1
}

.pxl-row-divider-active>.elementor-container {
    z-index: 2
}

.pxl-row-divider-active .pxl-row-angle {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100px
}

.pxl-row-divider-wave-animation-top .pxl-row-angle {
    top: -1px;
    -webkit-transform: scaleY(-1);
    -khtml-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    height: 150px
}

.pxl-row-divider-wave-animation-bottom .pxl-row-angle {
    bottom: -1px;
    height: 150px
}

.pxl-row-divider-angle-top .pxl-row-angle {
    top: -1px;
    -webkit-transform: scaleX(-1)scaleY(-1);
    -khtml-transform: scaleX(-1)scaleY(-1);
    -moz-transform: scaleX(-1)scaleY(-1);
    -ms-transform: scaleX(-1)scaleY(-1);
    -o-transform: scaleX(-1)scaleY(-1);
    transform: scaleX(-1)scaleY(-1)
}

.pxl-row-divider-angle-top-right .pxl-row-angle {
    top: -1px;
    -webkit-transform: scaleX(1)scaleY(-1);
    -khtml-transform: scaleX(1)scaleY(-1);
    -moz-transform: scaleX(1)scaleY(-1);
    -ms-transform: scaleX(1)scaleY(-1);
    -o-transform: scaleX(1)scaleY(-1);
    transform: scaleX(1)scaleY(-1)
}

.pxl-row-divider-angle-bottom .pxl-row-angle {
    bottom: -1px
}

.pxl-row-divider-angle-bottom-left .pxl-row-angle {
    bottom: -1px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pxl-row-divider-angle-top-bottom .pxl-row-angle-top {
    top: -1px;
    -webkit-transform: scaleX(-1)scaleY(-1);
    -khtml-transform: scaleX(-1)scaleY(-1);
    -moz-transform: scaleX(-1)scaleY(-1);
    -ms-transform: scaleX(-1)scaleY(-1);
    -o-transform: scaleX(-1)scaleY(-1);
    transform: scaleX(-1)scaleY(-1)
}

.pxl-row-divider-angle-top-bottom .pxl-row-angle-bottom {
    bottom: -1px
}

.pxl-row-divider-angle-top-bottom-left .pxl-row-angle-top {
    top: -1px;
    -webkit-transform: scaleX(1)scaleY(-1);
    -khtml-transform: scaleX(1)scaleY(-1);
    -moz-transform: scaleX(1)scaleY(-1);
    -ms-transform: scaleX(1)scaleY(-1);
    -o-transform: scaleX(1)scaleY(-1);
    transform: scaleX(1)scaleY(-1)
}

.pxl-row-divider-angle-top-bottom-left .pxl-row-angle-bottom {
    bottom: -1px;
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pxl-row-divider-curved-top .pxl-row-angle {
    top: -1px
}

.pxl-row-divider-curved-top .pxl-row-angle path {
    fill-rule: evenodd
}

.pxl-row-divider-curved-bottom .pxl-row-angle {
    bottom: -1px;
    -webkit-transform: scaleY(-1);
    -khtml-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1)
}

.pxl-row-divider-curved-bottom .pxl-row-angle path {
    fill-rule: evenodd
}

.pxl-row-divider-vertical1 .pxl-divider-vertical {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 1490px;
    margin: 0 auto
}

.pxl-row-divider-vertical1 .pxl-divider-vertical>div {
    background-color: #303233;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line1 {
    left: 0
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line2 {
    left: 20%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line3 {
    left: 40%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line4 {
    left: 60%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line5 {
    left: 80%
}

.pxl-row-divider-vertical1 .pxl-divider-vertical .pxl-section-line6 {
    right: 0
}

.pxl-row-divider-rounded-top:before,
.pxl-row-divider-rounded-top:after {
    content: '';
    position: absolute;
    height: 53px;
    background-color: #fff;
    top: -53px;
    width: 50%
}

@media screen and (max-width:767px) {

    .pxl-row-divider-rounded-top:before,
    .pxl-row-divider-rounded-top:after {
        top: -30px;
        height: 30px
    }
}

.pxl-row-divider-rounded-top:before {
    left: 0;
    border-radius: 28px 53px 0 0
}

@media screen and (max-width:767px) {
    .pxl-row-divider-rounded-top:before {
        border-radius: 15px 30px 0 0
    }
}

.pxl-row-divider-rounded-top:after {
    right: 0;
    border-radius: 53px 28px 0 0
}

@media screen and (max-width:767px) {
    .pxl-row-divider-rounded-top:after {
        border-radius: 30px 15px 0 0
    }
}

.pxl-curved-arrow {
    position: absolute;
    height: 48px;
    z-index: 99;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pxl-curved-arrow.pxl-curved-arrow-top {
    top: -48px
}

.pxl-curved-arrow.pxl-curved-arrow-bottom {
    bottom: -48px;
    transform: translate(-50%, 0)scaleY(-1)
}

.pxl-curved-arrow-inner-top,
.pxl-curved-arrow-inner-bottom {
    height: 48px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.pxl-curved-arrow-inner-top {
    top: 0;
    transform: translate(-50%, 0)scaleY(-1)
}

.pxl-curved-arrow-inner-bottom {
    bottom: 0
}

.pxl-circle-svg {
    position: absolute;
    top: -36px;
    width: 105%;
    left: 50%;
    transform: translate(-50%, 0)
}

.pxl-circle-svg svg {
    display: flex;
    width: 100%;
    overflow: visible;
    position: relative
}

.pxl-circle-svg svg .dot {
    filter: drop-shadow(0 4px 30px #27c3cc)
}

.pxl-circle-svg svg path {
    width: 100%;
    position: absolute
}

.pxl-row-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

@keyframes pxl_loader_digital1 {
    0% {
        left: 20%
    }

    50% {
        left: 50%
    }

    100% {
        left: 20%
    }
}

@keyframes pxl_loader_digital2 {
    0% {
        left: 80%
    }

    50% {
        left: 50%
    }

    100% {
        left: 80%
    }
}

@keyframes pxl_folding {

    0%,
    10% {
        transform: perspective(140px)rotateX(-180deg);
        opacity: 0
    }

    25%,
    75% {
        transform: perspective(140px)rotateX(0);
        opacity: 1
    }

    90%,
    100% {
        transform: perspective(140px)rotateY(180deg);
        opacity: 0
    }
}

@keyframes pxl_loader_prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

@keyframes pxl_loader_anim {
    0% {
        box-shadow: 20px -10px, 40px 10px, 60px 0
    }

    25% {
        box-shadow: 20px 0, 40px 0, 60px 10px
    }

    50% {
        box-shadow: 20px 10px, 40px -10px, 60px 0
    }

    75% {
        box-shadow: 20px 0, 40px 0, 60px -10px
    }

    100% {
        box-shadow: 20px -10px, 40px 10px, 60px 0
    }
}

@keyframes pxl_loaderFlash {
    0% {
        background-color: rgba(0, 180, 216, .28);
        box-shadow: 32px 0 rgba(0, 180, 216, .28), -32px 0 var(--primary-color)
    }

    50% {
        background-color: var(--primary-color);
        box-shadow: 32px 0 rgba(0, 180, 216, .28), -32px 0 rgba(0, 180, 216, .28)
    }

    100% {
        background-color: rgba(0, 180, 216, .28);
        box-shadow: 32px 0 var(--primary-color), -32px 0 rgba(0, 180, 216, .28)
    }
}

@keyframes pxl_animloader {
    50% {
        transform: scale(1)translate(-50%, -50%)
    }
}

@keyframes pxl_loader_photography {
    0% {
        left: 0;
        transform: translateX(-100%)
    }

    100% {
        left: 100%;
        transform: translateX(0%)
    }
}

@-webkit-keyframes pxl_site_loading {
    0% {
        -webkit-transform: translate(0)scaleX(0);
        transform: translate(0)scaleX(0)
    }

    30% {
        -webkit-transform: translate(0)scaleX(1);
        transform: translate(0)scaleX(1)
    }

    100%,
    80% {
        -webkit-transform: translate(100%)scaleX(0);
        transform: translate(100%)scaleX(0)
    }
}

@keyframes pxl_site_loading {
    0% {
        -webkit-transform: translate(0)scaleX(0);
        transform: translate(0)scaleX(0)
    }

    30% {
        -webkit-transform: translate(0)scaleX(1);
        transform: translate(0)scaleX(1)
    }

    100%,
    80% {
        -webkit-transform: translate(100%)scaleX(0);
        transform: translate(100%)scaleX(0)
    }
}

@-webkit-keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes pxl_reveal {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes pxl_loader_rotate1 {
    0% {
        transform: rotateX(35deg)rotateY(-45deg)rotateZ(0)
    }

    100% {
        transform: rotateX(35deg)rotateY(-45deg)rotateZ(360deg)
    }
}

@keyframes pxl_loader_rotate2 {
    0% {
        transform: rotateX(50deg)rotateY(10deg)rotateZ(0)
    }

    100% {
        transform: rotateX(50deg)rotateY(10deg)rotateZ(360deg)
    }
}

@keyframes pxl_loader_rotate3 {
    0% {
        transform: rotateX(35deg)rotateY(55deg)rotateZ(0)
    }

    100% {
        transform: rotateX(35deg)rotateY(55deg)rotateZ(360deg)
    }
}

.banner_canvas {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .17;
    z-index: 99999;
    pointer-events: none;
    mix-blend-mode: difference;
    background-color: #fff
}

.pxl-enable-cursor .pxl-drag-area {
    cursor: none
}

.pxl-enable-cursor .pxl-process-cards .pxl-cursor-content {
    cursor: none
}

.pxl-cursor {
    position: fixed;
    width: 12px;
    height: 12px;
    background-color: #fff;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transform-origin: center;
    -webkit-transition: transform .3s linear, opacity .2s linear;
    -khtml-transition: transform .3s linear, opacity .2s linear;
    -moz-transition: transform .3s linear, opacity .2s linear;
    -ms-transition: transform .3s linear, opacity .2s linear;
    -o-transition: transform .3s linear, opacity .2s linear;
    transition: transform .3s linear, opacity .2s linear
}

.pxl-cursor.active {
    color: #fff;
    background-color: rgba(156, 156, 156, .5);
    opacity: 1;
    -webkit-transform: scale(2);
    -khtml-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2)
}

.pxl-cursor:not(.active) {
    mix-blend-mode: difference
}

.pxl-cursor.none-follower.active {
    -webkit-transform: scale(2.5);
    -khtml-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -ms-transform: scale(2.5);
    -o-transform: scale(2.5);
    transform: scale(2.5)
}

.pxl-cursor.hide {
    opacity: 0
}

.pxl-cursor-follower {
    position: fixed;
    width: 20px;
    height: 20px;
    background-color: rgba(166, 161, 130, .2);
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translate(2px, 2px);
    -khtml-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    transform-origin: center;
    -webkit-transition: .4s transform linear, opacity .2s linear, background .2s linear, width .2s linear, height .2s linear;
    -khtml-transition: .4s transform linear, opacity .2s linear, background .2s linear, width .2s linear, height .2s linear;
    -moz-transition: .4s transform linear, opacity .2s linear, background .2s linear, width .2s linear, height .2s linear;
    -ms-transition: .4s transform linear, opacity .2s linear, background .2s linear, width .2s linear, height .2s linear;
    -o-transition: .4s transform linear, opacity .2s linear, background .2s linear, width .2s linear, height .2s linear;
    transition: .4s transform linear, opacity .2s linear, background .2s linear, width .2s linear, height .2s linear
}

.pxl-cursor-follower.active {
    color: #fff;
    background-color: initial;
    opacity: 1;
    width: 40px;
    height: 40px
}

.pxl-cursor-follower.active:before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    display: block;
    width: 100%;
    height: 100%;
    background: 0 0;
    border: 1.5px dashed #9c9c9c;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: pxl_spin 4s linear infinite;
    -khtml-animation: pxl_spin 4s linear infinite;
    -moz-animation: pxl_spin 4s linear infinite;
    -ms-animation: pxl_spin 4s linear infinite;
    -o-animation: pxl_spin 4s linear infinite;
    animation: pxl_spin 4s linear infinite;
    -webkit-transform: none;
    -khtml-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    transform-origin: unset
}

.pxl-cursor-follower.active.video {
    background-color: rgba(255, 255, 255, .6)
}

.pxl-cursor-follower:not(.active) {
    mix-blend-mode: difference
}

.pxl-cursor-follower.hide {
    opacity: 0
}

.pxl-cursor-text {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    opacity: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .08s linear;
    -khtml-transition: all .08s linear;
    -moz-transition: all .08s linear;
    -ms-transition: all .08s linear;
    -o-transition: all .08s linear;
    transition: all .08s linear;
    user-select: none;
    pointer-events: none;
    z-index: 1000;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transform-origin: center;
    mix-blend-mode: difference
}

.pxl-cursor-text>* {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pxl-cursor-text.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-cursor-text:not(.active) {
    mix-blend-mode: difference
}

.pxl-cursor-text.hide {
    opacity: 0
}

.pxl-cursor-drag {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
    opacity: 0;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .08s linear;
    -khtml-transition: all .08s linear;
    -moz-transition: all .08s linear;
    -ms-transition: all .08s linear;
    -o-transition: all .08s linear;
    transition: all .08s linear;
    user-select: none;
    pointer-events: none;
    z-index: 1000;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transform-origin: center
}

.pxl-cursor-drag>* {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pxl-cursor-drag.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-cursor-drag.hide {
    opacity: 0
}

.elementor-editor-active.page-template-default {}

.elementor-editor-active.page-template-default #pxl-content-area {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.elementor-editor-active.page-template-default #pxl-sidebar-area {
    display: none
}

.pxl-cookie-policy {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 570px;
    background-color: #fff;
    -webkit-border-radius: 57px;
    -khtml-border-radius: 57px;
    -moz-border-radius: 57px;
    -ms-border-radius: 57px;
    -o-border-radius: 57px;
    border-radius: 57px;
    padding: 17px 58px 17px 24px;
    -webkit-box-shadow: 0 8px 8px rgba(29, 27, 76, 8%);
    -khtml-box-shadow: 0 8px 8px rgba(29, 27, 76, 8%);
    -moz-box-shadow: 0 8px 8px rgba(29, 27, 76, 8%);
    -ms-box-shadow: 0 8px 8px rgba(29, 27, 76, 8%);
    -o-box-shadow: 0 8px 8px rgba(29, 27, 76, 8%);
    box-shadow: 0 8px 8px rgba(29, 27, 76, 8%);
    font-size: 15px;
    color: #111013;
    z-index: 9999;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:767px) {
    .pxl-cookie-policy {
        max-width: 290px;
        padding-left: 25px;
        padding-right: 25px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        border-radius: 20px;
        display: none
    }
}

.pxl-cookie-policy a {
    font-weight: 700;
    text-decoration: underline;
    color: inherit;
    text-underline-offset: 2px;
    margin: 0 4px;
    white-space: nowrap
}

.pxl-cookie-policy a:hover {
    text-decoration: none;
    color: var(--primary-color)
}

.pxl-cookie-policy .pxl-item--icon {
    min-width: 20px
}

.pxl-cookie-policy .pxl-item--icon img {
    max-height: 20px
}

.pxl-cookie-policy .pxl-item--close {
    position: absolute;
    top: 50%;
    right: 10px;
    -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%);
    border-width: 12px
}

.pxl-cookie-policy .pxl-item--close:before,
.pxl-cookie-policy .pxl-item--close:after {
    height: 1px
}

@media screen and (max-width:767px) {
    .pxl-cookie-policy .pxl-item--close {
        top: 10px;
        -webkit-transform: translate(0, 0%);
        -khtml-transform: translate(0, 0%);
        -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
        -o-transform: translate(0, 0%);
        transform: translate(0, 0%)
    }
}

.pxl-cookie-policy.pxl-active {
    opacity: 1;
    visibility: visible;
    bottom: 40px
}

.pxl-cookie-policy.pxl-hidden {
    opacity: 0;
    visibility: hidden;
    bottom: 30px
}

.pxl-popup--close.style2 {
    border: none;
    width: 24px;
    height: 24px;
    background-color: initial
}

.pxl-popup--close.style2:before,
.pxl-popup--close.style2:after {
    background-color: #878787
}

.pxl-popup {
    position: fixed;
    background-color: rgba(0, 0, 0, .43);
    z-index: 99991;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.pxl-popup .pxl-popup--content {
    width: 100%;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-popup .pxl-popup--close {
    border-width: 8px
}

.pxl-popup .pxl-popup--close:before,
.pxl-popup .pxl-popup--close:after {
    background-color: #a7a7a7
}

.pxl-popup .pxl-popup--close:hover:before,
.pxl-popup .pxl-popup--close:hover:after {
    background-color: #111
}

.pxl-popup.pxl-effect-zoom .pxl-popup--content {
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.pxl-popup.pxl-effect-fade-slide .pxl-popup--content {
    -webkit-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -khtml-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -moz-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -ms-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    -o-transform: translateY(-20px)perspective(600px)rotateX(14deg);
    transform: translateY(-20px)perspective(600px)rotateX(14deg)
}

.pxl-popup.pxl-active {
    opacity: 1;
    visibility: visible
}

.pxl-popup.pxl-active.pxl-effect-zoom .pxl-popup--content {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-popup.pxl-active.pxl-effect-fade-slide .pxl-popup--content {
    -webkit-transform: translateY(0)perspective(600px)rotateX(0);
    -khtml-transform: translateY(0)perspective(600px)rotateX(0);
    -moz-transform: translateY(0)perspective(600px)rotateX(0);
    -ms-transform: translateY(0)perspective(600px)rotateX(0);
    -o-transform: translateY(0)perspective(600px)rotateX(0);
    transform: translateY(0)perspective(600px)rotateX(0)
}

.pxl-section-overlay-image {}

.pxl-section-overlay-image .pxl-overlay--image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.pxl-section-overlay-image .pxl-overlay--image.pxl-overlay--imageLeft {
    right: auto
}

.pxl-section-overlay-image .pxl-overlay--image.pxl-overlay--imageRight {
    right: 0;
    left: auto
}

.pxl-section-overlay-image .pxl-overlay--image .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-section-overlay-image.pxl-custom--bgposition .pxl-overlay--image {
    right: 140px;
    left: 46%
}

@media screen and (max-width:1024px) {
    .pxl-section-overlay-image.pxl-custom--bgposition .pxl-overlay--image {
        display: none
    }
}

.pxl-section-effect-images {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 105%;
    transform: translate(-50%, 0)
}

.pxl-section-effect-images .pxl-item--image {
    position: absolute;
    width: 100%
}

body.rtl {}

body.rtl .pxl-cursor.is-active.has-icon .pxl-cursor--icon:before {
    content: "\f111"
}

body.rtl .pxl-cursor.is-active.has-icon-right .pxl-cursor--icon:before {
    content: "\f110"
}

body.rtl .pxl-cookie-policy {
    padding-left: 58px;
    padding-right: 24px
}

@media screen and (max-width:767px) {
    body.rtl .pxl-cookie-policy {
        padding-left: 25px;
        padding-right: 25px
    }
}

body.rtl .pxl-cookie-policy .pxl-item--close {
    right: auto;
    left: 10px
}

.pxl-page-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 60px 0;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.85);
    -khtml-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    -o-transform: scale(.85);
    transform: scale(.85)
}

.pxl-page-popup.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-page-popup .pxl-popup--conent {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 80vh
}

.pxl-page-popup .pxl-popup--close {
    position: absolute;
    top: 30px;
    right: 30px
}

.pxl-page-popup .pxl-popup--close .pxl-close {
    border-width: 0
}

@media screen and (max-width:1400px) {
    .pxl-page-popup .pxl-popup--close {
        top: 20px;
        right: 20px
    }

    .pxl-page-popup .pxl-popup--close .pxl-close {
        border-width: 3px
    }
}

.admin-bar .pxl-page-popup {
    top: 32px
}

@media screen and (max-width:782px) {
    .admin-bar .pxl-page-popup {
        top: 46px
    }
}

@media screen and (max-width:600px) {
    .admin-bar .pxl-page-popup {
        top: 0
    }
}

.pxl-section-waves1 {
    position: absolute;
    width: 100%;
    height: 140px;
    bottom: 0
}

@media screen and (max-width:767px) {
    .pxl-section-waves1 {
        height: 80px
    }
}

.pxl-wave-parallax>use {
    animation: pxl-move-forever 25s cubic-bezier(.55, .5, .45, .5)infinite;
    fill: #ebeef6
}

.pxl-wave-parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
    opacity: .5
}

.pxl-wave-parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
    opacity: .4
}

.pxl-wave-parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
    opacity: .3
}

.pxl-wave-parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s
}

@keyframes pxl-move-forever {
    0% {
        transform: translate3d(-90px, 0, 0)
    }

    100% {
        transform: translate3d(85px, 0, 0)
    }
}

@media(min-width:768px) and (max-width:1024px) {
    body:not(.elementor-editor-active) .elementor .elementor-hidden-tablet {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        display: block !important;
        text-indent: -99999px
    }
}

@media screen and (max-width:767px) {
    body:not(.elementor-editor-active) .elementor .elementor-hidden-mobile {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        display: block !important;
        text-indent: -99999px
    }
}

.pxl-section-bg-parallax,
.pxl-column-bg-parallax {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: -1
}

body:not(.elementor-editor-active) .pxl-section-parallax-overflow>.elementor-background-overlay {
    z-index: 2
}

body:not(.elementor-editor-active) .pxl-section-parallax-overflow>.elementor-background-overlay+.pxl-section-bg-parallax,
body:not(.elementor-editor-active) .pxl-section-parallax-overflow>.elementor-background-overlay .pxl-column-bg-parallax {
    z-index: 1
}

body:not(.elementor-editor-active) .pxl-section-parallax-overflow.elementor-top-section>.elementor-container {
    z-index: 3
}

.pxl-section-parallax-overflow,
.pxl-section-overflow-hidden {
    overflow: hidden !important
}

.elementor-column.pxl-column-overflow-hidden-yes {
    overflow: hidden !important
}

.pxl-zoom-point-true {
    z-index: 1
}

.pxl-zoom-point-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pxl-zoom-point {
    width: 240px;
    height: 240px;
    position: absolute;
    z-index: -1;
    right: 0;
    top: -240px;
    margin: auto;
    left: 0
}

.pxl-zoom-point .pxl-item--overlay {
    width: 100%;
    height: 100%;
    background-color: #151a25;
    z-index: -1;
    -webkit-border-radius: 240px;
    -khtml-border-radius: 240px;
    -moz-border-radius: 240px;
    -ms-border-radius: 240px;
    -o-border-radius: 240px;
    border-radius: 240px;
    -webkit-transition: all .25s cubic-bezier(.3, .3, 0, .8);
    -khtml-transition: all .25s cubic-bezier(.3, .3, 0, .8);
    -moz-transition: all .25s cubic-bezier(.3, .3, 0, .8);
    -ms-transition: all .25s cubic-bezier(.3, .3, 0, .8);
    -o-transition: all .25s cubic-bezier(.3, .3, 0, .8);
    transition: all .25s cubic-bezier(.3, .3, 0, .8)
}

@-webkit-keyframes pxl_bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes px_bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.pxl-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.pxl-loader.style-text:before {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
    background-color: #03045e;
    -webkit-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -khtml-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -moz-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -ms-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -o-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    transition: all 1s cubic-bezier(.858, .01, .068, .99)
}

.pxl-loader.style-text:after {
    content: '';
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 4;
    background-color: rgba(3, 4, 94, .9);
    -webkit-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -khtml-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -moz-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -ms-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    -o-transition: all 1s cubic-bezier(.858, .01, .068, .99);
    transition: all 1s cubic-bezier(.858, .01, .068, .99);
    mix-blend-mode: difference;
    transition-delay: .3s;
    z-index: 3
}

.pxl-loader.style-text .pxl-loader-inner {
    width: 100%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    -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-loader.style-text .preloader-inner .spinner {
    border: 3px solid #fff;
    border-top-color: var(--primary-color);
    width: 60px;
    height: 60px;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: pxl_load_spinner 1s infinite linear;
    -khtml-animation: pxl_load_spinner 1s infinite linear;
    -moz-animation: pxl_load_spinner 1s infinite linear;
    -ms-animation: pxl_load_spinner 1s infinite linear;
    -o-animation: pxl_load_spinner 1s infinite linear;
    animation: pxl_load_spinner 1s infinite linear
}

.pxl-loader.style-text .preloader-inner .spinner+.loading-text {
    margin-top: 3%
}

@media screen and (max-width:575px) {
    .pxl-loader.style-text .preloader-inner .spinner {
        width: 50px;
        height: 50px
    }
}

.pxl-loader.style-text .preloader-inner .loading-text {
    font-size: calc(32px + 1.8vw);
    line-height: 60px;
    font-weight: 700;
    text-align: center;
    user-select: none;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-loader.style-text .preloader-inner .loading-text span {
    position: relative;
    display: inline-block;
    color: rgba(255, 255, 255, .2)
}

@media screen and (max-width:575px) {
    .pxl-loader.style-text .preloader-inner .loading-text span {
        margin: 0 2px
    }
}

.pxl-loader.style-text .preloader-inner .loading-text span:before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    color: #fff;
    -webkit-transform: rotatey(-90deg);
    -khtml-transform: rotatey(-90deg);
    -moz-transform: rotatey(-90deg);
    -ms-transform: rotatey(-90deg);
    -o-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-animation: pxl_load_characters 4s infinite;
    -khtml-animation: pxl_load_characters 4s infinite;
    -moz-animation: pxl_load_characters 4s infinite;
    -ms-animation: pxl_load_characters 4s infinite;
    -o-animation: pxl_load_characters 4s infinite;
    animation: pxl_load_characters 4s infinite
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(2):before {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(3):before {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(4):before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(5):before {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(9):before {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(10):before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(11):before {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(12):before {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(13):before {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(14):before {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(15):before {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(16):before {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(17):before {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(18):before {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(19):before {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(20):before {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(21):before {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(22):before {
    -webkit-animation-delay: 4.2s;
    animation-delay: 4.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(23):before {
    -webkit-animation-delay: 4.4s;
    animation-delay: 4.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(24):before {
    -webkit-animation-delay: 4.6s;
    animation-delay: 4.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(25):before {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(26):before {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(27):before {
    -webkit-animation-delay: 5.2s;
    animation-delay: 5.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(28):before {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(29):before {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(30):before {
    -webkit-animation-delay: 5.8s;
    animation-delay: 5.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(31):before {
    -webkit-animation-delay: 6s;
    animation-delay: 6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(32):before {
    -webkit-animation-delay: 6.2s;
    animation-delay: 6.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(33):before {
    -webkit-animation-delay: 6.4s;
    animation-delay: 6.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(34):before {
    -webkit-animation-delay: 6.6s;
    animation-delay: 6.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(35):before {
    -webkit-animation-delay: 6.8s;
    animation-delay: 6.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(36):before {
    -webkit-animation-delay: 7s;
    animation-delay: 7s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(37):before {
    -webkit-animation-delay: 7.2s;
    animation-delay: 7.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(38):before {
    -webkit-animation-delay: 7.4s;
    animation-delay: 7.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(39):before {
    -webkit-animation-delay: 7.6s;
    animation-delay: 7.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(40):before {
    -webkit-animation-delay: 7.8s;
    animation-delay: 7.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(41):before {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(42):before {
    -webkit-animation-delay: 8.2s;
    animation-delay: 8.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(43):before {
    -webkit-animation-delay: 8.4s;
    animation-delay: 8.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(44):before {
    -webkit-animation-delay: 8.6s;
    animation-delay: 8.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(45):before {
    -webkit-animation-delay: 8.8s;
    animation-delay: 8.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(46):before {
    -webkit-animation-delay: 9s;
    animation-delay: 9s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(47):before {
    -webkit-animation-delay: 9.2s;
    animation-delay: 9.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(48):before {
    -webkit-animation-delay: 9.4s;
    animation-delay: 9.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(49):before {
    -webkit-animation-delay: 9.6s;
    animation-delay: 9.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(50):before {
    -webkit-animation-delay: 9.8s;
    animation-delay: 9.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(51):before {
    -webkit-animation-delay: 10s;
    animation-delay: 10s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(52):before {
    -webkit-animation-delay: 10.2s;
    animation-delay: 10.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(53):before {
    -webkit-animation-delay: 10.4s;
    animation-delay: 10.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(54):before {
    -webkit-animation-delay: 10.6s;
    animation-delay: 10.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(55):before {
    -webkit-animation-delay: 10.8s;
    animation-delay: 10.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(56):before {
    -webkit-animation-delay: 11s;
    animation-delay: 11s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(57):before {
    -webkit-animation-delay: 11.2s;
    animation-delay: 11.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(58):before {
    -webkit-animation-delay: 11.4s;
    animation-delay: 11.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(59):before {
    -webkit-animation-delay: 11.6s;
    animation-delay: 11.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(60):before {
    -webkit-animation-delay: 11.8s;
    animation-delay: 11.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(61):before {
    -webkit-animation-delay: 12s;
    animation-delay: 12s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(62):before {
    -webkit-animation-delay: 12.2s;
    animation-delay: 12.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(63):before {
    -webkit-animation-delay: 12.4s;
    animation-delay: 12.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(64):before {
    -webkit-animation-delay: 12.6s;
    animation-delay: 12.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(65):before {
    -webkit-animation-delay: 12.8s;
    animation-delay: 12.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(66):before {
    -webkit-animation-delay: 13s;
    animation-delay: 13s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(67):before {
    -webkit-animation-delay: 13.2s;
    animation-delay: 13.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(68):before {
    -webkit-animation-delay: 13.4s;
    animation-delay: 13.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(69):before {
    -webkit-animation-delay: 13.6s;
    animation-delay: 13.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(70):before {
    -webkit-animation-delay: 13.8s;
    animation-delay: 13.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(71):before {
    -webkit-animation-delay: 14s;
    animation-delay: 14s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(72):before {
    -webkit-animation-delay: 14.2s;
    animation-delay: 14.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(73):before {
    -webkit-animation-delay: 14.4s;
    animation-delay: 14.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(74):before {
    -webkit-animation-delay: 14.6s;
    animation-delay: 14.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(75):before {
    -webkit-animation-delay: 14.8s;
    animation-delay: 14.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(76):before {
    -webkit-animation-delay: 15s;
    animation-delay: 15s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(77):before {
    -webkit-animation-delay: 15.2s;
    animation-delay: 15.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(78):before {
    -webkit-animation-delay: 15.4s;
    animation-delay: 15.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(79):before {
    -webkit-animation-delay: 15.6s;
    animation-delay: 15.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(80):before {
    -webkit-animation-delay: 15.8s;
    animation-delay: 15.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(81):before {
    -webkit-animation-delay: 16s;
    animation-delay: 16s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(82):before {
    -webkit-animation-delay: 16.2s;
    animation-delay: 16.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(83):before {
    -webkit-animation-delay: 16.4s;
    animation-delay: 16.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(84):before {
    -webkit-animation-delay: 16.6s;
    animation-delay: 16.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(85):before {
    -webkit-animation-delay: 16.8s;
    animation-delay: 16.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(86):before {
    -webkit-animation-delay: 17s;
    animation-delay: 17s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(87):before {
    -webkit-animation-delay: 17.2s;
    animation-delay: 17.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(88):before {
    -webkit-animation-delay: 17.4s;
    animation-delay: 17.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(89):before {
    -webkit-animation-delay: 17.6s;
    animation-delay: 17.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(90):before {
    -webkit-animation-delay: 17.8s;
    animation-delay: 17.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(91):before {
    -webkit-animation-delay: 18s;
    animation-delay: 18s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(92):before {
    -webkit-animation-delay: 18.2s;
    animation-delay: 18.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(93):before {
    -webkit-animation-delay: 18.4s;
    animation-delay: 18.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(94):before {
    -webkit-animation-delay: 18.6s;
    animation-delay: 18.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(95):before {
    -webkit-animation-delay: 18.8s;
    animation-delay: 18.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(96):before {
    -webkit-animation-delay: 19s;
    animation-delay: 19s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(97):before {
    -webkit-animation-delay: 19.2s;
    animation-delay: 19.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(98):before {
    -webkit-animation-delay: 19.4s;
    animation-delay: 19.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(99):before {
    -webkit-animation-delay: 19.6s;
    animation-delay: 19.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(100):before {
    -webkit-animation-delay: 19.8s;
    animation-delay: 19.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(101):before {
    -webkit-animation-delay: 20s;
    animation-delay: 20s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(102):before {
    -webkit-animation-delay: 20.2s;
    animation-delay: 20.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(103):before {
    -webkit-animation-delay: 20.4s;
    animation-delay: 20.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(104):before {
    -webkit-animation-delay: 20.6s;
    animation-delay: 20.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(105):before {
    -webkit-animation-delay: 20.8s;
    animation-delay: 20.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(106):before {
    -webkit-animation-delay: 21s;
    animation-delay: 21s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(107):before {
    -webkit-animation-delay: 21.2s;
    animation-delay: 21.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(108):before {
    -webkit-animation-delay: 21.4s;
    animation-delay: 21.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(109):before {
    -webkit-animation-delay: 21.6s;
    animation-delay: 21.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(110):before {
    -webkit-animation-delay: 21.8s;
    animation-delay: 21.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(111):before {
    -webkit-animation-delay: 22s;
    animation-delay: 22s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(112):before {
    -webkit-animation-delay: 22.2s;
    animation-delay: 22.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(113):before {
    -webkit-animation-delay: 22.4s;
    animation-delay: 22.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(114):before {
    -webkit-animation-delay: 22.6s;
    animation-delay: 22.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(115):before {
    -webkit-animation-delay: 22.8s;
    animation-delay: 22.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(116):before {
    -webkit-animation-delay: 23s;
    animation-delay: 23s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(117):before {
    -webkit-animation-delay: 23.2s;
    animation-delay: 23.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(118):before {
    -webkit-animation-delay: 23.4s;
    animation-delay: 23.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(119):before {
    -webkit-animation-delay: 23.6s;
    animation-delay: 23.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(120):before {
    -webkit-animation-delay: 23.8s;
    animation-delay: 23.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(121):before {
    -webkit-animation-delay: 24s;
    animation-delay: 24s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(122):before {
    -webkit-animation-delay: 24.2s;
    animation-delay: 24.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(123):before {
    -webkit-animation-delay: 24.4s;
    animation-delay: 24.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(124):before {
    -webkit-animation-delay: 24.6s;
    animation-delay: 24.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(125):before {
    -webkit-animation-delay: 24.8s;
    animation-delay: 24.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(126):before {
    -webkit-animation-delay: 25s;
    animation-delay: 25s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(127):before {
    -webkit-animation-delay: 25.2s;
    animation-delay: 25.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(128):before {
    -webkit-animation-delay: 25.4s;
    animation-delay: 25.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(129):before {
    -webkit-animation-delay: 25.6s;
    animation-delay: 25.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(130):before {
    -webkit-animation-delay: 25.8s;
    animation-delay: 25.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(131):before {
    -webkit-animation-delay: 26s;
    animation-delay: 26s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(132):before {
    -webkit-animation-delay: 26.2s;
    animation-delay: 26.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(133):before {
    -webkit-animation-delay: 26.4s;
    animation-delay: 26.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(134):before {
    -webkit-animation-delay: 26.6s;
    animation-delay: 26.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(135):before {
    -webkit-animation-delay: 26.8s;
    animation-delay: 26.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(136):before {
    -webkit-animation-delay: 27s;
    animation-delay: 27s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(137):before {
    -webkit-animation-delay: 27.2s;
    animation-delay: 27.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(138):before {
    -webkit-animation-delay: 27.4s;
    animation-delay: 27.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(139):before {
    -webkit-animation-delay: 27.6s;
    animation-delay: 27.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(140):before {
    -webkit-animation-delay: 27.8s;
    animation-delay: 27.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(141):before {
    -webkit-animation-delay: 28s;
    animation-delay: 28s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(142):before {
    -webkit-animation-delay: 28.2s;
    animation-delay: 28.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(143):before {
    -webkit-animation-delay: 28.4s;
    animation-delay: 28.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(144):before {
    -webkit-animation-delay: 28.6s;
    animation-delay: 28.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(145):before {
    -webkit-animation-delay: 28.8s;
    animation-delay: 28.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(146):before {
    -webkit-animation-delay: 29s;
    animation-delay: 29s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(147):before {
    -webkit-animation-delay: 29.2s;
    animation-delay: 29.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(148):before {
    -webkit-animation-delay: 29.4s;
    animation-delay: 29.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(149):before {
    -webkit-animation-delay: 29.6s;
    animation-delay: 29.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(150):before {
    -webkit-animation-delay: 29.8s;
    animation-delay: 29.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(151):before {
    -webkit-animation-delay: 30s;
    animation-delay: 30s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(152):before {
    -webkit-animation-delay: 30.2s;
    animation-delay: 30.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(153):before {
    -webkit-animation-delay: 30.4s;
    animation-delay: 30.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(154):before {
    -webkit-animation-delay: 30.6s;
    animation-delay: 30.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(155):before {
    -webkit-animation-delay: 30.8s;
    animation-delay: 30.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(156):before {
    -webkit-animation-delay: 31s;
    animation-delay: 31s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(157):before {
    -webkit-animation-delay: 31.2s;
    animation-delay: 31.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(158):before {
    -webkit-animation-delay: 31.4s;
    animation-delay: 31.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(159):before {
    -webkit-animation-delay: 31.6s;
    animation-delay: 31.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(160):before {
    -webkit-animation-delay: 31.8s;
    animation-delay: 31.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(161):before {
    -webkit-animation-delay: 32s;
    animation-delay: 32s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(162):before {
    -webkit-animation-delay: 32.2s;
    animation-delay: 32.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(163):before {
    -webkit-animation-delay: 32.4s;
    animation-delay: 32.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(164):before {
    -webkit-animation-delay: 32.6s;
    animation-delay: 32.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(165):before {
    -webkit-animation-delay: 32.8s;
    animation-delay: 32.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(166):before {
    -webkit-animation-delay: 33s;
    animation-delay: 33s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(167):before {
    -webkit-animation-delay: 33.2s;
    animation-delay: 33.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(168):before {
    -webkit-animation-delay: 33.4s;
    animation-delay: 33.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(169):before {
    -webkit-animation-delay: 33.6s;
    animation-delay: 33.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(170):before {
    -webkit-animation-delay: 33.8s;
    animation-delay: 33.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(171):before {
    -webkit-animation-delay: 34s;
    animation-delay: 34s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(172):before {
    -webkit-animation-delay: 34.2s;
    animation-delay: 34.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(173):before {
    -webkit-animation-delay: 34.4s;
    animation-delay: 34.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(174):before {
    -webkit-animation-delay: 34.6s;
    animation-delay: 34.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(175):before {
    -webkit-animation-delay: 34.8s;
    animation-delay: 34.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(176):before {
    -webkit-animation-delay: 35s;
    animation-delay: 35s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(177):before {
    -webkit-animation-delay: 35.2s;
    animation-delay: 35.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(178):before {
    -webkit-animation-delay: 35.4s;
    animation-delay: 35.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(179):before {
    -webkit-animation-delay: 35.6s;
    animation-delay: 35.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(180):before {
    -webkit-animation-delay: 35.8s;
    animation-delay: 35.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(181):before {
    -webkit-animation-delay: 36s;
    animation-delay: 36s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(182):before {
    -webkit-animation-delay: 36.2s;
    animation-delay: 36.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(183):before {
    -webkit-animation-delay: 36.4s;
    animation-delay: 36.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(184):before {
    -webkit-animation-delay: 36.6s;
    animation-delay: 36.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(185):before {
    -webkit-animation-delay: 36.8s;
    animation-delay: 36.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(186):before {
    -webkit-animation-delay: 37s;
    animation-delay: 37s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(187):before {
    -webkit-animation-delay: 37.2s;
    animation-delay: 37.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(188):before {
    -webkit-animation-delay: 37.4s;
    animation-delay: 37.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(189):before {
    -webkit-animation-delay: 37.6s;
    animation-delay: 37.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(190):before {
    -webkit-animation-delay: 37.8s;
    animation-delay: 37.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(191):before {
    -webkit-animation-delay: 38s;
    animation-delay: 38s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(192):before {
    -webkit-animation-delay: 38.2s;
    animation-delay: 38.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(193):before {
    -webkit-animation-delay: 38.4s;
    animation-delay: 38.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(194):before {
    -webkit-animation-delay: 38.6s;
    animation-delay: 38.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(195):before {
    -webkit-animation-delay: 38.8s;
    animation-delay: 38.8s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(196):before {
    -webkit-animation-delay: 39s;
    animation-delay: 39s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(197):before {
    -webkit-animation-delay: 39.2s;
    animation-delay: 39.2s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(198):before {
    -webkit-animation-delay: 39.4s;
    animation-delay: 39.4s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(199):before {
    -webkit-animation-delay: 39.6s;
    animation-delay: 39.6s
}

.pxl-loader.style-text .preloader-inner .loading-text span:nth-child(200):before {
    -webkit-animation-delay: 39.8s;
    animation-delay: 39.8s
}

.pxl-loader.hide {
    width: 0%;
    overflow: hidden
}

.pxl-loader.hide:after,
.pxl-loader.hide:before {
    -webkit-transform: translatex(-105%);
    transform: translatex(-105%)
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-color);
    justify-content: center;
    align-items: center;
    --pxl-clip: 0;
    transform-origin: bottom;
    -webkit-clip-path: inset(0 0 calc(var(--pxl-clip) * 1%) 0);
    clip-path: inset(0 0 calc(var(--pxl-clip) * 1%) 0);
    transition: 500ms all linear 0ms
}

.elementor>.pin-spacer {
    width: 100% !important
}

.elementor>.pin-spacer>.elementor-section {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important
}

.elementor-editor-active #pxl-loadding {
    display: none !important
}

.elementor-editor-active .pin-spacer>.elementor-element {
    position: static !important;
    height: auto !important;
    max-height: 100% !important
}

.pxl-section-fix-bottom {
    z-index: 999
}

.scroll-top-active>.elementor-section {
    top: 0 !important;
    left: 0 !important;
    position: relative !important
}

@media screen and (max-width:1260px) {
    .pxl-section-fix-bottom .pxl-section-overlay-color {
        left: 0 !important;
        right: 0 !important
    }
}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1200px) {
    body:not(.elementor-editor-active) .pxl-hide-sr-md {
        display: none !important
    }
}

.pxl-overlay-shake {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.pxl-overlay-shake .pxl-overlay--color {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #fff;
    transform: translate(-50%, -50%);
    transition: width .7s, padding-top .7s;
    top: 55px;
    left: 35px
}

.pxl-overlay-shake:hover .pxl-overlay--color {
    width: calc(100% * 4);
    padding-top: calc(100% * 4)
}

.pxl-box-hover1 .pxl-item--inner {
    position: relative;
    z-index: 1
}

.pxl-box-hover1 .pxl-item--inner:before,
.pxl-box-hover1 .pxl-item--inner:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: var(--primary-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.pxl-box-hover1 .pxl-item--inner:before {
    left: 0;
    right: 0;
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -khtml-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -khtml-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -moz-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -ms-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -o-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    z-index: -1
}

.pxl-box-hover1 .pxl-item--inner:after {
    opacity: .3;
    left: 25px;
    right: 25px;
    z-index: -2;
    height: 16px;
    top: 100%;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    transform: scaleY(0);
    transform-origin: top center
}

.pxl-box-hover1 .pxl-item--inner:hover:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -khtml-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.pxl-box-hover1 .pxl-item--inner:hover:after {
    transform: scaleY(1);
    -webkit-transition-delay: .16s;
    transition-delay: .16s
}

.hover-imge-effect1 {
    position: relative;
    overflow: hidden
}

.hover-imge-effect1 a {
    display: block
}

.hover-imge-effect1 a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0
}

.hover-imge-effect2 {
    position: relative;
    overflow: hidden
}

.hover-imge-effect2 img {
    -webkit-transition: all .5s ease;
    -khtml-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    transform: scale(1.01, 1.01)
}

.hover-imge-effect2-up {
    position: relative;
    overflow: hidden
}

.hover-imge-effect2-up img {
    -webkit-transition: all .6s;
    -khtml-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.hover-imge-effect3 {
    position: relative;
    overflow: hidden
}

.hover-imge-effect3 img {
    -webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
    -khtml-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: all 1.5s cubic-bezier(.19, 1, .22, 1)
}

.hover-imge-effect4 {
    position: relative;
    overflow: hidden
}

.hover-imge-effect4 .hover-item {
    width: 50%;
    height: 50%;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    -webkit-transition: all .3s cubic-bezier(.39, .575, .565, 1)0s;
    -khtml-transition: all .3s cubic-bezier(.39, .575, .565, 1)0s;
    -moz-transition: all .3s cubic-bezier(.39, .575, .565, 1)0s;
    -ms-transition: all .3s cubic-bezier(.39, .575, .565, 1)0s;
    -o-transition: all .3s cubic-bezier(.39, .575, .565, 1)0s;
    transition: all .3s cubic-bezier(.39, .575, .565, 1)0s;
    opacity: 0
}

.hover-imge-effect4 .hover-item.hover-item1 {
    top: 0;
    left: 0
}

.hover-imge-effect4 .hover-item.hover-item2 {
    top: 0;
    left: 50%
}

.hover-imge-effect4 .hover-item.hover-item3 {
    left: 50%;
    top: 50%
}

.hover-imge-effect4 .hover-item.hover-item4 {
    left: 0;
    top: 50%
}

.pxl-post--inner:hover .hover-imge-effect1 a:before,
.pxl-item--inner:hover .hover-imge-effect1 a:before {
    -webkit-animation: img_circle .65s;
    animation: img_circle .65s
}

.pxl-post--inner:hover .hover-imge-effect2 img,
.pxl-item--inner:hover .hover-imge-effect2 img {
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07)
}

.pxl-post--inner:hover .hover-imge-effect3 img,
.pxl-item--inner:hover .hover-imge-effect3 img {
    -webkit-transform: scale(1.06);
    -khtml-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item1,
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item1 {
    left: 50%;
    top: 0;
    opacity: 1
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item2,
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item2 {
    left: 50%;
    top: 50%;
    opacity: 1
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item3,
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item3 {
    left: 0%;
    top: 50%;
    opacity: 1
}

.pxl-post--inner:hover .hover-imge-effect4 .hover-item.hover-item4,
.pxl-item--inner:hover .hover-imge-effect4 .hover-item.hover-item4 {
    left: 0%;
    top: 0%;
    opacity: 1
}

.pxl-flipbox {
    position: relative;
    perspective: 1200px
}

.pxl-flipbox .pxl-flipbox--front,
.pxl-flipbox .pxl-flipbox--back {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-flipbox .pxl-flipbox--back {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg)translateZ(1px);
    z-index: 99
}

.pxl-flipbox .pxl-flipbox--wrap {
    position: relative;
    transition-property: box-shadow, transform;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform-style: preserve-3d
}

.pxl-flipbox:hover .pxl-flipbox--wrap {
    transform: rotateY(180deg);
    transform-origin: 50% 50%
}

body.rtl .pxl-box-hover1 .pxl-item--inner:before {
    transform-origin: left center;
    -webkit-transform-origin: left center
}

body.rtl .pxl-box-hover1 .pxl-item--inner:hover:before {
    transform-origin: right center;
    -webkit-transform-origin: right center
}

.z-index-1 {
    z-index: 1
}

.pxl-icon-reverse {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pxl-icon-middle {
    position: relative
}

.pxl-icon-middle>* {
    position: absolute;
    top: 50%;
    left: 50%;
    -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-hidden {
    display: none
}

.color-white {
    color: #fff
}

.btn-flex {
    display: inline-flex;
    align-items: center
}

.btn-flex i {
    display: inline-flex
}

.field-dflex {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-text-nowrap {
    white-space: nowrap
}

.pxl-imgfilter-wrap {
    overflow: hidden
}

.pxl-imgfilter-wrap .pxl-item--imgfilter {
    position: absolute;
    top: 50%;
    left: 50%;
    -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%);
    z-index: -1;
    filter: blur(8px)
}

.pxl-imgfilter-wrap .pxl-item--imgfilter:before {
    background-color: rgba(253, 253, 251, .1)
}

.pxl--hover-slideup {
    -webkit-transition: all .65s cubic-bezier(.23, 1, .32, 1);
    -khtml-transition: all .65s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: all .65s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: all .65s cubic-bezier(.23, 1, .32, 1);
    -o-transition: all .65s cubic-bezier(.23, 1, .32, 1);
    transition: all .65s cubic-bezier(.23, 1, .32, 1)
}

.pxl--hover-slideup:hover {
    -webkit-transform: translateY(-5px);
    -khtml-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.pxl--effect-slide:after {
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -khtml-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -khtml-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -moz-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -ms-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -o-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    transition: transform .3s cubic-bezier(.37, .31, .2, .85)
}

.pxl--effect-slide:hover:after {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -khtml-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.d-inline-block {
    display: inline-block
}

.pxl-d-flex {
    display: inline-flex
}

.pxl-mw-1200 {
    max-width: 1200px
}

.fs-17 {
    font-size: 17px
}

.lt-4 {
    letter-spacing: -.03em !important
}

.pxl-text-center {
    text-align: center
}

@media screen and (max-width:767px) {
    .pxl-text-center .pxl-link-page1 .pxl-item--inner {
        justify-content: center
    }
}

.pxl-text-left {
    text-align: left
}

.pxl-text-right {
    text-align: right
}

.pxl-img--mask {
    width: 100px;
    height: 100px;
    position: relative
}

.pxl-img--mask .pxl--mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    mask-position: center center;
    mask-size: cover;
    -webkit-mask-size: cover
}

.text-primary {
    color: var(--primary-color)
}

.text-secondary {
    color: var(--secondary-color)
}

.pxl-flex-grow {
    flex-grow: 1
}

.pxl-icon--plus {
    height: 10px;
    width: 10px;
    position: relative;
    cursor: pointer
}

.pxl-icon--plus:before,
.pxl-icon--plus:after {
    content: '';
    background-color: #122a00;
    position: absolute;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-icon--plus:before {
    width: 10px;
    height: 2px;
    top: 4px;
    left: 0
}

.pxl-icon--plus:after {
    width: 2px;
    height: 10px;
    left: 4px;
    top: 0
}

.pxl-icon--minus {
    height: 10px;
    width: 10px;
    position: relative;
    cursor: pointer
}

.pxl-icon--minus:before {
    content: '';
    background-color: #122a00;
    position: absolute;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-icon--minus:before {
    width: 10px;
    height: 2px;
    top: 4px;
    left: 0
}

.pxl-inline-flex {
    display: inline-flex;
    align-items: center
}

.pxl-flex {
    display: flex;
    flex-wrap: wrap
}

.pxl-flex-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.pxl-flex-middle {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-flex-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.pxl-flex-center {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-widget-flex>.elementor-widget-container>div {
    display: flex
}

.el-empty:empty,
.pxl-empty:empty {
    display: none !important
}

.pxl-spill,
.pxl-imgfilter-wrap .pxl-item--imgfilter:before,
.pxl-gallery .pxl--item-inner.video-active:before,
.pxl-wg-categories .pxl-category--inner:before,
.pxl-wg-categories .pxl-category--inner a,
.pxl-wg-categories .pxl-category--inner .pxl-category--img,
.pxl-contact-info-widget:before,
.pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-banner--image,
.pxl-showcase-grid .pxl-item--image:before,
.pxl-grid .pxl-post--link,
.pxl-post-carousel .pxl-post--link,
.pxl-post-modern .pxl-post--link {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-skew {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: var(--primary-color);
    transform: skew(-9deg);
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-middle,
.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout i,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:before,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -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-icon--middle {
    position: relative
}

.pxl-icon--middle * {
    position: absolute;
    top: 50%;
    left: 50%;
    -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-item--flex,
.pxl-countdown-layout1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-item--flexnw {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.color-inherit {
    color: inherit
}

.color-inherit:hover {
    color: inherit
}

.color-primary {
    color: var(--primary-color);
    fill: var(--primary-color)
}

.color-secondary {
    color: var(--secondary-color);
    fill: var(--secondary-color)
}

.text-gradient,
.pxl-contact-info-widget .pxl-item--icon i,
.pxl-link .pxl-type-gradient i,
.swiper-filter-wrap .filter-item.active span {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.text-gradient-bottom,
.pxl-heading .highlight-text-gradient .pxl-title--highlight {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.pxl-icon-color-gradient i {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.text-gradient-bg {
    background-color: initial;
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.rm-text-gradient {
    text-fill-color: inherit;
    -webkit-text-fill-color: inherit;
    background-image: none
}

.bg-gradient,
.pxl-contact-info-widget .pxl-item--icon {
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1')
}

.bg-gradient-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to bottom, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)')
}

.ft-theme-default,
.pxl-swiper-pagination .pxl-swiper-current-slide,
.pxl-swiper-pagination .pxl-swiper-total-slides,
.fr-style-box2 .pxl-menu-primary a,
.page-links .post-page-numbers,
.pxl-wg-categories .pxl-category--inner span,
.pxl-contact-info-widget .pxl-phone--number,
.pxl-logo-marquee1 .pxl-item--text,
.pxl-text-marquee1.style1 .pxl-item--text,
.pxl-text-marquee1.style2 .pxl-item--text,
.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),
.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,
body.woocommerce-cart .woocommerce-cart-form .shop_table thead th,
.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form label,
.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--subtitle,
.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--subtitle,
.pxl-contact-form .pxl-form-label,
.pxl-button-circle,
.pxl-content-slip1 .pxl-item--feature,
.pxl-content-listing1 .pxl-item--number,
.btn-text-more1,
.btn-text-more2,
.pxl-client-box1 .pxl-counter--number,
.pxl-anchor-link-scroll .pxl-anchor-text,
.pxl-search-form .pxl-search-field,
.swiper-filter-wrap .filter-item,
button,
.button,
.btn-submit,
input[type=submit] {
    font-family: dm sans, sans-serif
}

.bg-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pxl-close {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: 0 0;
    border: 6px solid transparent;
    color: #777;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.pxl-close:before,
.pxl-close:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    transform-origin: 50% 50%;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    background-color: var(--primary-color)
}

.pxl-close:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pxl-close:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pxl-close:hover:before,
.pxl-close:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.pxl-left {
    float: left
}

.pxl-right {
    float: right
}

.pxl-hide {
    display: none
}

@media screen and (min-width:1201px) {
    .pxl-hide-xl {
        display: none !important
    }
}

@media screen and (max-width:1200px) {
    .pxl-hide-lg {
        display: none !important
    }
}

@media screen and (max-width:1260px) {
    .pxl-hide-lg2 {
        display: none !important
    }
}

.pxl-sz-10 {
    font-size: 10px
}

.pxl-sz-11 {
    font-size: 11px
}

.pxl-sz-12 {
    font-size: 12px
}

.pxl-sz-13 {
    font-size: 13px
}

.pxl-sz-14 {
    font-size: 14px
}

.pxl-sz-15 {
    font-size: 15px
}

.pxl-sz-16 {
    font-size: 16px
}

.pxl-sz-17 {
    font-size: 17px
}

.pxl-sz-18 {
    font-size: 18px
}

.pxl-sz-19 {
    font-size: 19px
}

.pxl-sz-20 {
    font-size: 20px
}

.pxl-sz-21 {
    font-size: 21px
}

.pxl-sz-22 {
    font-size: 22px
}

.pxl-sz-23 {
    font-size: 23px
}

.pxl-sz-24 {
    font-size: 24px
}

.pxl-sz-25 {
    font-size: 25px
}

#pxl-header-default {
    position: relative;
    z-index: 999;
    background-color: #fff
}

#pxl-header-default .row {
    align-items: center
}

@media screen and (min-width:1201px) {
    #pxl-header-default .row>div {
        padding: 0 15px
    }
}

#pxl-header-default .container {
    max-width: 1870px
}

#pxl-header-default .pxl-header-branding {
    display: flex;
    align-items: center;
    flex-grow: 1
}

#pxl-header-default .pxl-header-branding a {
    display: inline-flex
}

#pxl-header-default .pxl-header-branding img {
    height: 50px;
    max-width: inherit
}

#pxl-header-default #pxl-nav-mobile {
    display: none
}

#pxl-header-elementor.hide {
    display: none !important
}

@media screen and (min-width:1201px) {
    #pxl-header-elementor {
        min-height: 0 !important;
        position: relative;
        z-index: 1001
    }

    #pxl-header-elementor .col-12 {
        min-height: 0
    }
}

#pxl-header-elementor #pxl-header-mobile {
    display: none
}

#pxl-header-elementor #pxl-header-mobile .pxl-menu-primary li a .clone {
    display: none
}

#pxl-header-elementor .pxl-header-elementor-main {
    position: relative;
    z-index: 999
}

#pxl-header-elementor .pxl-header-elementor-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -khtml-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -moz-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -ms-transition: .6s cubic-bezier(.24, .74, .58, 1);
    -o-transition: .6s cubic-bezier(.24, .74, .58, 1);
    transition: .6s cubic-bezier(.24, .74, .58, 1);
    -webkit-transform: translateY(-120%);
    -khtml-transform: translateY(-120%);
    -moz-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    -o-transform: translateY(-120%);
    transform: translateY(-120%);
    visibility: hidden
}

#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed {
    visibility: visible;
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

#pxl-header-elementor.pxl-header-rmboxshadow .pxl-header-elementor-sticky.pxl-header-fixed {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#pxl-header-elementor.pxl-header-rmboxshadow .pxl-header-elementor-sticky.pxl-header-fixed .pxl-logo-nav {
    -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 9%);
    -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 9%);
    -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 9%);
    -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 9%);
    -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 9%);
    box-shadow: 0 3px 18px rgba(2, 21, 78, 9%)
}

#pxl-header-elementor .px-header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

#pxl-header-elementor .px-header--fixed {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: fixed;
    top: 0;
    width: 100%
}

#pxl-header-elementor .px-header--fixed .pxl-header-scale {
    transition: all .5s ease-in-out;
    transform-origin: top;
    outline: none;
    margin-top: 0
}

#pxl-header-elementor .px-header--fixed.smaller {
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 9%);
    transform: perspective(300px)rotateX(0);
    transform-origin: top
}

#pxl-header-elementor .px-header--fixed.smaller .bg-menu-blur {
    background: var(--link-color)
}

#pxl-header-elementor .px-header--fixed.smaller .bg-menu-blur2 {
    background: var(--primary-color)
}

#pxl-header-elementor .px-header--fixed.smaller .pxl-header-scale {
    margin-top: -50px;
    overflow: hidden
}

#pxl-header-elementor .px-header--fixed.smaller .pxl-header-bg1 {
    background-color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#pxl-header-elementor .px-header--fixed.scroll-down {
    transform: perspective(300px)rotateX(-90deg);
    transform-origin: top
}

#pxl-header-elementor .elementor-section .elementor-container,
#pxl-header-elementor .elementor-inner-section,
#pxl-header-elementor .elementor-widget:not(.elementor-absolute),
#pxl-header-elementor .elementor-widget-wrap,
#pxl-header-elementor .elementor-column,
#pxl-header-elementor .elementor-column-wrap {
    position: static
}

.pxl-header-mobile-elementor {
    opacity: 0
}

.pxl-header-mobile-elementor.px-header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 999
}

@media screen and (min-width:1201px) {
    .fr-style-default .pxl-menu-primary {
        list-style: none;
        margin: 0;
        background-color: initial;
        display: flex;
        align-items: center;
        position: relative
    }

    .fr-style-default .pxl-menu-primary ul {
        list-style: none;
        margin: 0
    }

    .fr-style-default .pxl-menu-primary li {
        position: relative
    }

    .fr-style-default .pxl-menu-primary li a {
        font-size: 16px;
        font-style: normal;
        position: relative
    }

    .fr-style-default .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        padding-right: 30px
    }

    .fr-style-default .pxl-menu-primary>li:last-child {
        padding-right: 0 !important
    }

    .fr-style-default .pxl-menu-primary>li>a {
        line-height: 90px;
        font-size: 16px;
        display: inline-block;
        color: #fff;
        font-weight: 600;
        position: relative;
        text-transform: capitalize
    }

    .fr-style-default .pxl-menu-primary>li>a:hover,
    .fr-style-default .pxl-menu-primary>li.current_page_item>a,
    .fr-style-default .pxl-menu-primary>li.current-menu-item>a,
    .fr-style-default .pxl-menu-primary>li.current_page_ancestor>a,
    .fr-style-default .pxl-menu-primary>li.current-menu-ancestor>a {
        color: #fff
    }

    .fr-style-default .pxl-menu-primary .sub-menu,
    .fr-style-default .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--primary-color);
        margin-top: 30px;
        margin-bottom: 0;
        min-width: 230px;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        text-align: left;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .22);
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px
    }

    .fr-style-default .pxl-menu-primary .sub-menu li,
    .fr-style-default .pxl-menu-primary .children li {
        white-space: nowrap
    }

    .fr-style-default .pxl-menu-primary .sub-menu li.menu-item-has-children a:after,
    .fr-style-default .pxl-menu-primary .children li.menu-item-has-children a:after {
        content: "\f10f";
        position: absolute;
        top: calc(50% - 8px);
        right: 20px;
        font-size: 15px;
        font-family: Caseicon;
        font-weight: 400;
        line-height: 1;
        transform: rotate(-50deg);
        -webkit-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        transition: transform .25s cubic-bezier(.645, .045, .355, 1)
    }

    .fr-style-default .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-page a:after,
    .fr-style-default .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-page a:after,
    .fr-style-default .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-type-post_type a:after,
    .fr-style-default .pxl-menu-primary .children li.menu-item-has-children .menu-item-type-post_type a:after,
    .fr-style-default .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-custom a:after,
    .fr-style-default .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-custom a:after {
        display: none
    }

    .fr-style-default .pxl-menu-primary .sub-menu li a,
    .fr-style-default .pxl-menu-primary .children li a {
        padding: 15px 20px;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .22);
        transform-style: preserve-3d
    }

    .fr-style-default .pxl-menu-primary .sub-menu li a:before,
    .fr-style-default .pxl-menu-primary .children li a:before {
        content: '';
        width: 10px;
        height: 1px;
        position: absolute;
        background-color: #fff;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        transform-style: preserve-3d;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        opacity: 0;
        transform: perspective(500px)rotateX(0)
    }

    .fr-style-default .pxl-menu-primary .sub-menu li a span,
    .fr-style-default .pxl-menu-primary .children li a span {
        position: relative;
        z-index: 1
    }

    .fr-style-default .pxl-menu-primary .sub-menu li>a:hover,
    .fr-style-default .pxl-menu-primary .children li>a:hover,
    .fr-style-default .pxl-menu-primary .sub-menu li.current_page_item>a,
    .fr-style-default .pxl-menu-primary .children li.current_page_item>a,
    .fr-style-default .pxl-menu-primary .sub-menu li.current-menu-item>a,
    .fr-style-default .pxl-menu-primary .children li.current-menu-item>a,
    .fr-style-default .pxl-menu-primary .sub-menu li.current_page_ancestor>a,
    .fr-style-default .pxl-menu-primary .children li.current_page_ancestor>a,
    .fr-style-default .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,
    .fr-style-default .pxl-menu-primary .children li.current-menu-ancestor>a {
        padding-left: 45px
    }

    .fr-style-default .pxl-menu-primary .sub-menu li>a:hover:after,
    .fr-style-default .pxl-menu-primary .children li>a:hover:after,
    .fr-style-default .pxl-menu-primary .sub-menu li.current_page_item>a:after,
    .fr-style-default .pxl-menu-primary .children li.current_page_item>a:after,
    .fr-style-default .pxl-menu-primary .sub-menu li.current-menu-item>a:after,
    .fr-style-default .pxl-menu-primary .children li.current-menu-item>a:after,
    .fr-style-default .pxl-menu-primary .sub-menu li.current_page_ancestor>a:after,
    .fr-style-default .pxl-menu-primary .children li.current_page_ancestor>a:after,
    .fr-style-default .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:after,
    .fr-style-default .pxl-menu-primary .children li.current-menu-ancestor>a:after {
        transform: rotate(0)
    }

    .fr-style-default .pxl-menu-primary .sub-menu li>a:hover:before,
    .fr-style-default .pxl-menu-primary .children li>a:hover:before,
    .fr-style-default .pxl-menu-primary .sub-menu li.current_page_item>a:before,
    .fr-style-default .pxl-menu-primary .children li.current_page_item>a:before,
    .fr-style-default .pxl-menu-primary .sub-menu li.current-menu-item>a:before,
    .fr-style-default .pxl-menu-primary .children li.current-menu-item>a:before,
    .fr-style-default .pxl-menu-primary .sub-menu li.current_page_ancestor>a:before,
    .fr-style-default .pxl-menu-primary .children li.current_page_ancestor>a:before,
    .fr-style-default .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:before,
    .fr-style-default .pxl-menu-primary .children li.current-menu-ancestor>a:before {
        left: 20px;
        opacity: 1
    }

    .fr-style-default .pxl-menu-primary .sub-menu li:last-child a,
    .fr-style-default .pxl-menu-primary .children li:last-child a {
        border-bottom: none
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse,
    .fr-style-default .pxl-menu-primary .children.pxl-sub-reverse {
        left: auto;
        right: 0
    }

    .fr-style-default .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,
    .fr-style-default .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
        transform: translate(0, -50%)scaleX(-1);
        right: auto;
        left: 0
    }

    .fr-style-default .pxl-menu-primary .sub-menu .sub-menu,
    .fr-style-default .pxl-menu-primary .children .sub-menu,
    .fr-style-default .pxl-menu-primary .sub-menu .children,
    .fr-style-default .pxl-menu-primary .children .children {
        top: 0;
        left: 100%
    }

    .fr-style-default .pxl-menu-primary .sub-menu .sub-menu li a,
    .fr-style-default .pxl-menu-primary .children .sub-menu li a,
    .fr-style-default .pxl-menu-primary .sub-menu .children li a,
    .fr-style-default .pxl-menu-primary .children .children li a {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    .fr-style-default .pxl-menu-primary .sub-menu .sub-menu li:last-child a,
    .fr-style-default .pxl-menu-primary .children .sub-menu li:last-child a,
    .fr-style-default .pxl-menu-primary .sub-menu .children li:last-child a,
    .fr-style-default .pxl-menu-primary .children .children li:last-child a {
        border: none
    }

    .fr-style-default .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,
    .fr-style-default .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,
    .fr-style-default .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,
    .fr-style-default .pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .fr-style-default .pxl-menu-primary li:hover>.sub-menu,
    .fr-style-default .pxl-menu-primary li.focus>.sub-menu,
    .fr-style-default .pxl-menu-primary li:hover>.children,
    .fr-style-default .pxl-menu-primary li.focus>.children {
        visibility: visible;
        opacity: 1;
        margin-top: 1px
    }

    .fr-style-default .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 100%;
        width: auto;
        background-color: #fff !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 9%)
    }

    .fr-style-default .pxl-menu-primary .pxl-megamenu>.sub-menu .pxl-showcase .pxl-item--inner .pxl-item--image img {
        -webkit-transition: all .5s ease-in-out;
        -khtml-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .fr-style-default .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .fr-style-default .pxl-menu-toggle {
        display: none
    }

    .pxl-header-menu .pxl-menu-primary {
        list-style: none;
        margin: 0;
        background-color: initial;
        display: flex;
        align-items: center;
        position: relative
    }

    .pxl-header-menu .pxl-menu-primary ul {
        list-style: none;
        margin: 0
    }

    .pxl-header-menu .pxl-menu-primary li {
        position: relative
    }

    .pxl-header-menu .pxl-menu-primary li a {
        font-size: 16px;
        font-style: normal;
        position: relative
    }

    .pxl-header-menu .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        padding-right: 30px
    }

    .pxl-header-menu .pxl-menu-primary>li:last-child {
        padding-right: 0
    }

    .pxl-header-menu .pxl-menu-primary>li>a {
        line-height: 90px;
        font-size: 16px;
        display: inline-block;
        color: var(--link-color);
        font-weight: 600;
        position: relative;
        text-transform: capitalize
    }

    .pxl-header-menu .pxl-menu-primary>li>a:hover,
    .pxl-header-menu .pxl-menu-primary>li.current_page_item>a,
    .pxl-header-menu .pxl-menu-primary>li.current-menu-item>a,
    .pxl-header-menu .pxl-menu-primary>li.current_page_ancestor>a,
    .pxl-header-menu .pxl-menu-primary>li.current-menu-ancestor>a {
        color: var(--link-color)
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu,
    .pxl-header-menu .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--primary-color);
        margin-top: 30px;
        margin-bottom: 0;
        min-width: 230px;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        text-align: left;
        padding: 0;
        border: 1px solid rgba(255, 255, 255, .22);
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li,
    .pxl-header-menu .pxl-menu-primary .children li {
        white-space: nowrap
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li.menu-item-has-children a:after,
    .pxl-header-menu .pxl-menu-primary .children li.menu-item-has-children a:after {
        content: "\f10f";
        position: absolute;
        top: calc(50% - 8px);
        right: 20px;
        font-size: 15px;
        font-family: Caseicon;
        font-weight: 400;
        line-height: 1;
        transform: rotate(-50deg);
        -webkit-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        transition: transform .25s cubic-bezier(.645, .045, .355, 1)
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-page a:after,
    .pxl-header-menu .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-page a:after,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-type-post_type a:after,
    .pxl-header-menu .pxl-menu-primary .children li.menu-item-has-children .menu-item-type-post_type a:after,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-custom a:after,
    .pxl-header-menu .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-custom a:after {
        display: none
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li a,
    .pxl-header-menu .pxl-menu-primary .children li a {
        padding: 15px 20px;
        display: block;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .22);
        transform-style: preserve-3d
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li a:before,
    .pxl-header-menu .pxl-menu-primary .children li a:before {
        content: '';
        width: 10px;
        height: 1px;
        position: absolute;
        background-color: #fff;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        transform-style: preserve-3d;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        opacity: 0;
        transform: perspective(500px)rotateX(0)
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li a span,
    .pxl-header-menu .pxl-menu-primary .children li a span {
        position: relative;
        z-index: 1
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li>a:hover,
    .pxl-header-menu .pxl-menu-primary .children li>a:hover,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_item>a,
    .pxl-header-menu .pxl-menu-primary .children li.current_page_item>a,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-item>a,
    .pxl-header-menu .pxl-menu-primary .children li.current-menu-item>a,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_ancestor>a,
    .pxl-header-menu .pxl-menu-primary .children li.current_page_ancestor>a,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,
    .pxl-header-menu .pxl-menu-primary .children li.current-menu-ancestor>a {
        padding-left: 45px
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li>a:hover:after,
    .pxl-header-menu .pxl-menu-primary .children li>a:hover:after,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_item>a:after,
    .pxl-header-menu .pxl-menu-primary .children li.current_page_item>a:after,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-item>a:after,
    .pxl-header-menu .pxl-menu-primary .children li.current-menu-item>a:after,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_ancestor>a:after,
    .pxl-header-menu .pxl-menu-primary .children li.current_page_ancestor>a:after,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:after,
    .pxl-header-menu .pxl-menu-primary .children li.current-menu-ancestor>a:after {
        transform: rotate(0)
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li>a:hover:before,
    .pxl-header-menu .pxl-menu-primary .children li>a:hover:before,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_item>a:before,
    .pxl-header-menu .pxl-menu-primary .children li.current_page_item>a:before,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-item>a:before,
    .pxl-header-menu .pxl-menu-primary .children li.current-menu-item>a:before,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current_page_ancestor>a:before,
    .pxl-header-menu .pxl-menu-primary .children li.current_page_ancestor>a:before,
    .pxl-header-menu .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:before,
    .pxl-header-menu .pxl-menu-primary .children li.current-menu-ancestor>a:before {
        left: 20px;
        opacity: 1
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu li:last-child a,
    .pxl-header-menu .pxl-menu-primary .children li:last-child a {
        border-bottom: none
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu.pxl-sub-reverse,
    .pxl-header-menu .pxl-menu-primary .children.pxl-sub-reverse {
        left: auto;
        right: 0
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,
    .pxl-header-menu .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
        transform: translate(0, -50%)scaleX(-1);
        right: auto;
        left: 0
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu .sub-menu,
    .pxl-header-menu .pxl-menu-primary .children .sub-menu,
    .pxl-header-menu .pxl-menu-primary .sub-menu .children,
    .pxl-header-menu .pxl-menu-primary .children .children {
        top: 0;
        left: 100%
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu .sub-menu li a,
    .pxl-header-menu .pxl-menu-primary .children .sub-menu li a,
    .pxl-header-menu .pxl-menu-primary .sub-menu .children li a,
    .pxl-header-menu .pxl-menu-primary .children .children li a {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu .sub-menu li:last-child a,
    .pxl-header-menu .pxl-menu-primary .children .sub-menu li:last-child a,
    .pxl-header-menu .pxl-menu-primary .sub-menu .children li:last-child a,
    .pxl-header-menu .pxl-menu-primary .children .children li:last-child a {
        border: none
    }

    .pxl-header-menu .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,
    .pxl-header-menu .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,
    .pxl-header-menu .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,
    .pxl-header-menu .pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .pxl-header-menu .pxl-menu-primary li:hover>.sub-menu,
    .pxl-header-menu .pxl-menu-primary li.focus>.sub-menu,
    .pxl-header-menu .pxl-menu-primary li:hover>.children,
    .pxl-header-menu .pxl-menu-primary li.focus>.children {
        visibility: visible;
        opacity: 1;
        margin-top: 1px
    }

    .pxl-header-menu .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 100%;
        width: auto;
        background-color: #fff !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 9%)
    }

    .pxl-header-menu .pxl-menu-primary .pxl-megamenu>.sub-menu .pxl-showcase .pxl-item--inner .pxl-item--image img {
        -webkit-transition: all .5s ease-in-out;
        -khtml-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .pxl-header-menu .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .pxl-header-menu .pxl-menu-toggle {
        display: none
    }

    .fr-style-box1 .pxl-menu-primary {
        list-style: none;
        margin: 0;
        background-color: initial;
        display: flex;
        align-items: center;
        position: relative
    }

    .fr-style-box1 .pxl-menu-primary ul {
        list-style: none;
        margin: 0
    }

    .fr-style-box1 .pxl-menu-primary li {
        position: relative
    }

    .fr-style-box1 .pxl-menu-primary li a {
        font-size: 13px;
        font-style: normal;
        position: relative
    }

    .fr-style-box1 .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16.4px;
        padding-right: 22px
    }

    .fr-style-box1 .pxl-menu-primary>li:last-child:after {
        display: none
    }

    .fr-style-box1 .pxl-menu-primary>li:after {
        content: '/';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }

    .fr-style-box1 .pxl-menu-primary>li>a {
        line-height: 100px;
        font-size: 13px;
        color: var(--link-color);
        font-weight: 500;
        position: relative;
        text-transform: uppercase;
        display: inline-block
    }

    .fr-style-box1 .pxl-menu-primary>li>a:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: scale(0)translate(-50%, 0);
        width: 100%;
        height: 1px;
        opacity: 0;
        background-color: var(--link-color);
        transform-origin: left;
        transform-style: preserve-3d;
        -webkit-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .4s cubic-bezier(.62, .21, .45, 1.52)
    }

    .fr-style-box1 .pxl-menu-primary>li>a .pxl-text-menu {
        position: relative;
        line-height: 1.4;
        text-decoration: underline transparent;
        -webkit-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .4s cubic-bezier(.62, .21, .45, 1.52)
    }

    .fr-style-box1 .pxl-menu-primary>li>a:hover,
    .fr-style-box1 .pxl-menu-primary>li.current_page_item>a,
    .fr-style-box1 .pxl-menu-primary>li.current-menu-item>a,
    .fr-style-box1 .pxl-menu-primary>li.current_page_ancestor>a,
    .fr-style-box1 .pxl-menu-primary>li.current-menu-ancestor>a {
        color: var(--link-color)
    }

    .fr-style-box1 .pxl-menu-primary>li>a:hover:before,
    .fr-style-box1 .pxl-menu-primary>li.current_page_item>a:before,
    .fr-style-box1 .pxl-menu-primary>li.current-menu-item>a:before,
    .fr-style-box1 .pxl-menu-primary>li.current_page_ancestor>a:before,
    .fr-style-box1 .pxl-menu-primary>li.current-menu-ancestor>a:before {
        opacity: 1;
        transform: scale(1)translate(-50%, 0)
    }

    .fr-style-box1 .pxl-menu-primary>li>a:hover .pxl-text-menu,
    .fr-style-box1 .pxl-menu-primary>li.current_page_item>a .pxl-text-menu,
    .fr-style-box1 .pxl-menu-primary>li.current-menu-item>a .pxl-text-menu,
    .fr-style-box1 .pxl-menu-primary>li.current_page_ancestor>a .pxl-text-menu,
    .fr-style-box1 .pxl-menu-primary>li.current-menu-ancestor>a .pxl-text-menu {
        text-decoration: underline var(--link-color)
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu,
    .fr-style-box1 .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--link-color);
        margin-top: 30px;
        margin-bottom: 0;
        min-width: 250px;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        text-align: left;
        padding: 0;
        border: 1px solid #333
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li,
    .fr-style-box1 .pxl-menu-primary .children li {
        white-space: nowrap
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li.menu-item-has-children a:after,
    .fr-style-box1 .pxl-menu-primary .children li.menu-item-has-children a:after {
        content: "\f10f";
        position: absolute;
        top: calc(50% - 8px);
        right: 20px;
        font-size: 15px;
        font-family: Caseicon;
        font-weight: 400;
        line-height: 1;
        transform: rotate(-50deg);
        -webkit-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        transition: transform .25s cubic-bezier(.645, .045, .355, 1)
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-page a:after,
    .fr-style-box1 .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-page a:after,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-type-post_type a:after,
    .fr-style-box1 .pxl-menu-primary .children li.menu-item-has-children .menu-item-type-post_type a:after,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-custom a:after,
    .fr-style-box1 .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-custom a:after {
        display: none
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li a,
    .fr-style-box1 .pxl-menu-primary .children li a {
        padding: 15px 20px;
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
        transform-style: preserve-3d
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li a:before,
    .fr-style-box1 .pxl-menu-primary .children li a:before {
        content: '';
        width: 15px;
        height: 1px;
        position: absolute;
        background-color: #fff;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        transform-style: preserve-3d;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        opacity: 0;
        transform: perspective(500px)rotateX(0)
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li a span,
    .fr-style-box1 .pxl-menu-primary .children li a span {
        position: relative;
        z-index: 1
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li>a:hover,
    .fr-style-box1 .pxl-menu-primary .children li>a:hover,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_item>a,
    .fr-style-box1 .pxl-menu-primary .children li.current_page_item>a,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-item>a,
    .fr-style-box1 .pxl-menu-primary .children li.current-menu-item>a,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_ancestor>a,
    .fr-style-box1 .pxl-menu-primary .children li.current_page_ancestor>a,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,
    .fr-style-box1 .pxl-menu-primary .children li.current-menu-ancestor>a {
        padding-left: 50px
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li>a:hover:after,
    .fr-style-box1 .pxl-menu-primary .children li>a:hover:after,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_item>a:after,
    .fr-style-box1 .pxl-menu-primary .children li.current_page_item>a:after,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-item>a:after,
    .fr-style-box1 .pxl-menu-primary .children li.current-menu-item>a:after,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_ancestor>a:after,
    .fr-style-box1 .pxl-menu-primary .children li.current_page_ancestor>a:after,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:after,
    .fr-style-box1 .pxl-menu-primary .children li.current-menu-ancestor>a:after {
        transform: rotate(0)
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li>a:hover:before,
    .fr-style-box1 .pxl-menu-primary .children li>a:hover:before,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_item>a:before,
    .fr-style-box1 .pxl-menu-primary .children li.current_page_item>a:before,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-item>a:before,
    .fr-style-box1 .pxl-menu-primary .children li.current-menu-item>a:before,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current_page_ancestor>a:before,
    .fr-style-box1 .pxl-menu-primary .children li.current_page_ancestor>a:before,
    .fr-style-box1 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:before,
    .fr-style-box1 .pxl-menu-primary .children li.current-menu-ancestor>a:before {
        left: 20px;
        opacity: 1
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu li:last-child a,
    .fr-style-box1 .pxl-menu-primary .children li:last-child a {
        border-bottom: none
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse,
    .fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse {
        left: auto;
        right: 0
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,
    .fr-style-box1 .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
        transform: translate(0, -50%)scaleX(-1);
        right: auto;
        left: 0
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu .sub-menu,
    .fr-style-box1 .pxl-menu-primary .children .sub-menu,
    .fr-style-box1 .pxl-menu-primary .sub-menu .children,
    .fr-style-box1 .pxl-menu-primary .children .children {
        top: 0;
        left: 100%
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu .sub-menu li a,
    .fr-style-box1 .pxl-menu-primary .children .sub-menu li a,
    .fr-style-box1 .pxl-menu-primary .sub-menu .children li a,
    .fr-style-box1 .pxl-menu-primary .children .children li a {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu .sub-menu li:last-child a,
    .fr-style-box1 .pxl-menu-primary .children .sub-menu li:last-child a,
    .fr-style-box1 .pxl-menu-primary .sub-menu .children li:last-child a,
    .fr-style-box1 .pxl-menu-primary .children .children li:last-child a {
        border: none
    }

    .fr-style-box1 .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,
    .fr-style-box1 .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,
    .fr-style-box1 .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,
    .fr-style-box1 .pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .fr-style-box1 .pxl-menu-primary li:hover>.sub-menu,
    .fr-style-box1 .pxl-menu-primary li.focus>.sub-menu,
    .fr-style-box1 .pxl-menu-primary li:hover>.children,
    .fr-style-box1 .pxl-menu-primary li.focus>.children {
        visibility: visible;
        opacity: 1;
        margin-top: 1px
    }

    .fr-style-box1 .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 100%;
        width: auto;
        background-color: #fff !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 9%)
    }

    .fr-style-box1 .pxl-menu-primary .pxl-megamenu>.sub-menu .pxl-showcase .pxl-item--inner .pxl-item--image img {
        -webkit-transition: all .5s ease-in-out;
        -khtml-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .fr-style-box1 .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .fr-style-box1 .pxl-menu-toggle {
        display: none
    }

    .fr-style-box2 {
        display: flex;
        flex-wrap: wrap
    }

    .fr-style-box2 .pxl-menu-primary {
        position: relative;
        list-style: none;
        margin-bottom: 0;
        padding-right: 37px;
        max-width: 750px
    }

    .fr-style-box2 .pxl-menu-primary .pxl-arrow-toggle {
        display: none
    }

    .fr-style-box2 .pxl-menu-primary .menu-item-has-children a {
        cursor: pointer
    }

    .fr-style-box2 .pxl-menu-primary a {
        font-size: 15px;
        color: #999;
        font-weight: 400;
        display: block;
        padding: 5px 0;
        position: relative;
        padding-right: 38px;
        text-transform: capitalize
    }

    .fr-style-box2 .pxl-menu-primary>li {
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms
    }

    .fr-style-box2 .pxl-menu-primary>li>a {
        position: relative;
        font-size: 30px;
        font-weight: 500;
        line-height: 1.8571;
        color: inherit;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, var(--link-color), var(--link-color) 50%, #999 50%);
        background-size: 200% 100%;
        background-position: 0;
        transition: .75s cubic-bezier(.63, .03, .21, 1);
        text-transform: capitalize
    }

    .fr-style-box2 .pxl-menu-primary>li.hoverd>a {
        background-position: 100%
    }

    .fr-style-box2 .pxl-menu-primary>li>a.pxl-onepage-active,
    .fr-style-box2 .pxl-menu-primary>li>a.active,
    .fr-style-box2 .pxl-menu-primary>li:hover>a,
    .fr-style-box2 .pxl-menu-primary>li.current_page_item>a,
    .fr-style-box2 .pxl-menu-primary>li.current-menu-item>a,
    .fr-style-box2 .pxl-menu-primary>li.current_page_ancestor>a,
    .fr-style-box2 .pxl-menu-primary>li.current-menu-ancestor>a {
        background-position: 0
    }

    .fr-style-box2 .pxl-menu-primary>li>.sub-menu .sub-menu {
        left: 80%
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 120%;
        list-style: none;
        margin: 8px 0;
        display: none;
        width: 100%
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu li a {
        padding: 8.5px 0
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu>li>a.pxl-onepage-active .pxl-text-menu,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li:hover>a .pxl-text-menu,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current_page_item>a .pxl-text-menu,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current-menu-item>a .pxl-text-menu,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current_page_ancestor>a .pxl-text-menu,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current-menu-ancestor>a .pxl-text-menu {
        color: var(--link-color)
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu>li>a.pxl-onepage-active .pxl-text-menu:before,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li:hover>a .pxl-text-menu:before,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current_page_item>a .pxl-text-menu:before,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current-menu-item>a .pxl-text-menu:before,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current_page_ancestor>a .pxl-text-menu:before,
    .fr-style-box2 .pxl-menu-primary .sub-menu>li.current-menu-ancestor>a .pxl-text-menu:before {
        transform-origin: 0% 50%;
        transform: scale3d(1, 1, 1)
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu .pxl-text-menu {
        display: inline-flex;
        align-items: center;
        position: relative
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu .pxl-text-menu:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: currentcolor;
        top: 100%;
        left: 0;
        pointer-events: none;
        transform-origin: 100% 50%;
        transform: scale3d(0, 1, 1);
        transition: transform .55s
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu .sub-menu {
        padding-left: 12px
    }

    .fr-style-box2 .pxl-menu-primary .sub-menu .sub-menu .sub-menu {
        padding-left: 24px
    }

    .fr-style-box2 .pxl-menu-toggle {
        display: none
    }

    .fr-style-box3 .pxl-menu-primary {
        list-style: none;
        margin: 0;
        background-color: initial;
        display: flex;
        align-items: center;
        position: relative;
        border: 1px solid #333;
        -webkit-border-radius: 100px;
        -khtml-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        border-radius: 100px;
        padding: 0 35px
    }

    .fr-style-box3 .pxl-menu-primary ul {
        list-style: none;
        margin: 0
    }

    .fr-style-box3 .pxl-menu-primary li {
        position: relative
    }

    .fr-style-box3 .pxl-menu-primary li a {
        font-size: 13px;
        font-style: normal;
        position: relative
    }

    .fr-style-box3 .pxl-menu-primary>li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 16.4px;
        padding-right: 22px
    }

    .fr-style-box3 .pxl-menu-primary>li:last-child {
        margin-right: 0;
        padding-right: 0
    }

    .fr-style-box3 .pxl-menu-primary>li:last-child:after {
        display: none
    }

    .fr-style-box3 .pxl-menu-primary>li:after {
        content: '/';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(0, -50%)
    }

    .fr-style-box3 .pxl-menu-primary>li>a {
        line-height: 48px;
        font-size: 13px;
        color: #999;
        font-weight: 500;
        position: relative;
        text-transform: uppercase;
        display: inline-block
    }

    .fr-style-box3 .pxl-menu-primary>li>a .pxl-text-menu {
        position: relative;
        line-height: 1.4;
        -webkit-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .4s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .4s cubic-bezier(.62, .21, .45, 1.52)
    }

    .fr-style-box3 .pxl-menu-primary>li>a:hover,
    .fr-style-box3 .pxl-menu-primary>li.current_page_item>a,
    .fr-style-box3 .pxl-menu-primary>li.current-menu-item>a,
    .fr-style-box3 .pxl-menu-primary>li.current_page_ancestor>a,
    .fr-style-box3 .pxl-menu-primary>li.current-menu-ancestor>a {
        color: #fff
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu,
    .fr-style-box3 .pxl-menu-primary .children {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: var(--link-color);
        margin-top: 30px;
        margin-bottom: 0;
        min-width: 250px;
        z-index: 99999;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 200ms linear 0ms;
        -khtml-transition: all 200ms linear 0ms;
        -moz-transition: all 200ms linear 0ms;
        -ms-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        text-align: left;
        padding: 0;
        border: 1px solid #333
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li,
    .fr-style-box3 .pxl-menu-primary .children li {
        white-space: nowrap
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li.menu-item-has-children a:after,
    .fr-style-box3 .pxl-menu-primary .children li.menu-item-has-children a:after {
        content: "\f10f";
        position: absolute;
        top: calc(50% - 8px);
        right: 20px;
        font-size: 15px;
        font-family: Caseicon;
        font-weight: 400;
        line-height: 1;
        transform: rotate(-50deg);
        -webkit-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
        transition: transform .25s cubic-bezier(.645, .045, .355, 1)
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-page a:after,
    .fr-style-box3 .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-page a:after,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-type-post_type a:after,
    .fr-style-box3 .pxl-menu-primary .children li.menu-item-has-children .menu-item-type-post_type a:after,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.menu-item-has-children .menu-item-object-custom a:after,
    .fr-style-box3 .pxl-menu-primary .children li.menu-item-has-children .menu-item-object-custom a:after {
        display: none
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li a,
    .fr-style-box3 .pxl-menu-primary .children li a {
        padding: 15px 20px;
        display: block;
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, .25);
        transform-style: preserve-3d
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li a:before,
    .fr-style-box3 .pxl-menu-primary .children li a:before {
        content: '';
        width: 15px;
        height: 1px;
        position: absolute;
        background-color: #fff;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        transform-style: preserve-3d;
        -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
        opacity: 0;
        transform: perspective(500px)rotateX(0)
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li a span,
    .fr-style-box3 .pxl-menu-primary .children li a span {
        position: relative;
        z-index: 1
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li>a:hover,
    .fr-style-box3 .pxl-menu-primary .children li>a:hover,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current_page_item>a,
    .fr-style-box3 .pxl-menu-primary .children li.current_page_item>a,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current-menu-item>a,
    .fr-style-box3 .pxl-menu-primary .children li.current-menu-item>a,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current_page_ancestor>a,
    .fr-style-box3 .pxl-menu-primary .children li.current_page_ancestor>a,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a,
    .fr-style-box3 .pxl-menu-primary .children li.current-menu-ancestor>a {
        padding-left: 50px
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li>a:hover:after,
    .fr-style-box3 .pxl-menu-primary .children li>a:hover:after,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current_page_item>a:after,
    .fr-style-box3 .pxl-menu-primary .children li.current_page_item>a:after,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current-menu-item>a:after,
    .fr-style-box3 .pxl-menu-primary .children li.current-menu-item>a:after,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current_page_ancestor>a:after,
    .fr-style-box3 .pxl-menu-primary .children li.current_page_ancestor>a:after,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:after,
    .fr-style-box3 .pxl-menu-primary .children li.current-menu-ancestor>a:after {
        transform: rotate(0)
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li>a:hover:before,
    .fr-style-box3 .pxl-menu-primary .children li>a:hover:before,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current_page_item>a:before,
    .fr-style-box3 .pxl-menu-primary .children li.current_page_item>a:before,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current-menu-item>a:before,
    .fr-style-box3 .pxl-menu-primary .children li.current-menu-item>a:before,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current_page_ancestor>a:before,
    .fr-style-box3 .pxl-menu-primary .children li.current_page_ancestor>a:before,
    .fr-style-box3 .pxl-menu-primary .sub-menu li.current-menu-ancestor>a:before,
    .fr-style-box3 .pxl-menu-primary .children li.current-menu-ancestor>a:before {
        left: 20px;
        opacity: 1
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu li:last-child a,
    .fr-style-box3 .pxl-menu-primary .children li:last-child a {
        border-bottom: none
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu.pxl-sub-reverse,
    .fr-style-box3 .pxl-menu-primary .children.pxl-sub-reverse {
        left: auto;
        right: 0
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children>a::after,
    .fr-style-box3 .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children>a::after {
        transform: translate(0, -50%)scaleX(-1);
        right: auto;
        left: 0
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu .sub-menu,
    .fr-style-box3 .pxl-menu-primary .children .sub-menu,
    .fr-style-box3 .pxl-menu-primary .sub-menu .children,
    .fr-style-box3 .pxl-menu-primary .children .children {
        top: 0;
        left: 100%
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu .sub-menu li a,
    .fr-style-box3 .pxl-menu-primary .children .sub-menu li a,
    .fr-style-box3 .pxl-menu-primary .sub-menu .children li a,
    .fr-style-box3 .pxl-menu-primary .children .children li a {
        border-bottom: 1px solid rgba(255, 255, 255, .25)
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu .sub-menu li:last-child a,
    .fr-style-box3 .pxl-menu-primary .children .sub-menu li:last-child a,
    .fr-style-box3 .pxl-menu-primary .sub-menu .children li:last-child a,
    .fr-style-box3 .pxl-menu-primary .children .children li:last-child a {
        border: none
    }

    .fr-style-box3 .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse,
    .fr-style-box3 .pxl-menu-primary .children .sub-menu.pxl-sub-reverse,
    .fr-style-box3 .pxl-menu-primary .sub-menu .children.pxl-sub-reverse,
    .fr-style-box3 .pxl-menu-primary .children .children.pxl-sub-reverse {
        left: auto;
        right: 100%
    }

    .fr-style-box3 .pxl-menu-primary li:hover>.sub-menu,
    .fr-style-box3 .pxl-menu-primary li.focus>.sub-menu,
    .fr-style-box3 .pxl-menu-primary li:hover>.children,
    .fr-style-box3 .pxl-menu-primary li.focus>.children {
        visibility: visible;
        opacity: 1;
        margin-top: 0
    }

    .fr-style-box3 .pxl-menu-primary .pxl-megamenu {
        position: static
    }

    .fr-style-box3 .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 40px 33px 36px 36px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        top: 81%;
        background-color: #252525
    }

    .fr-style-box3 .pxl-menu-primary .pxl-megamenu .pxl-link li {
        padding: 0;
        margin-bottom: 0
    }

    .fr-style-box3 .pxl-menu-toggle {
        display: none
    }
}

@media screen and (min-width:1201px) and (max-width:1500px) {
    .fr-style-box1 .pxl-menu-primary>li {
        margin-right: 8px;
        padding-right: 13px
    }
}

@media screen and (min-width:1201px) and (max-width:1500px) {
    .fr-style-box3 .pxl-menu-primary>li {
        margin-right: 8px;
        padding-right: 13px
    }
}

@media screen and (min-width:1201px) and (max-width:1400px) {
    .fr-style-box3 .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 40px 10px 36px
    }
}

@media screen and (min-width:1201px) and (max-width:1280px) {
    .fr-style-box3 .pxl-menu-primary .pxl-megamenu>.sub-menu {
        padding: 40px 0 36px
    }
}

@media screen and (max-width:1200px) {

    #pxl-header-default,
    #pxl-header-elementor {
        position: relative;
        background-color: #fff
    }

    #pxl-header-default .pxl-header-main,
    #pxl-header-elementor .pxl-header-main {
        position: relative
    }

    #pxl-header-default .pxl-header-branding,
    #pxl-header-elementor .pxl-header-branding {
        margin: 15px;
        min-height: 55px;
        align-items: center;
        display: flex
    }

    #pxl-header-default .pxl-header-branding img,
    #pxl-header-elementor .pxl-header-branding img {
        height: 50px
    }

    #pxl-header-default #pxl-nav-mobile,
    #pxl-header-elementor #pxl-nav-mobile {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        -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%);
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    #pxl-header-default #pxl-nav-mobile .pxl-mobile-meta-item,
    #pxl-header-elementor #pxl-nav-mobile .pxl-mobile-meta-item {
        margin-left: 10px
    }

    #pxl-header-default #pxl-nav-mobile .pxl-anchor-divider,
    #pxl-header-elementor #pxl-nav-mobile .pxl-anchor-divider {
        width: 25px;
        height: 15px
    }

    #pxl-header-default #pxl-nav-mobile .pxl-icon-line,
    #pxl-header-elementor #pxl-nav-mobile .pxl-icon-line {
        width: 100%;
        height: 1px;
        background-color: var(--link-color)
    }

    .pxl-header-menu-backdrop {
        z-index: 998;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .6);
        -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        transition: all .25s cubic-bezier(.645, .045, .355, 1);
        opacity: 0;
        visibility: hidden
    }

    .pxl-header-menu {
        position: fixed;
        height: 100vh;
        width: 300px;
        top: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        overflow: hidden;
        z-index: 999;
        -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -webkit-transform: translateX(-100%);
        -khtml-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: hidden;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        -o-box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        box-shadow: 0 0 15px rgba(0, 0, 0, 8%);
        background-color: #fff;
        overflow-y: scroll
    }

    .pxl-header-menu.active {
        visibility: visible;
        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-header-menu.active+.pxl-header-menu-backdrop {
        opacity: 1;
        visibility: visible
    }

    .pxl-header-menu-scroll {
        padding: 40px 20px
    }

    .pxl-menu-toggle {
        position: absolute;
        top: 10px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        right: 0;
        width: 28px;
        cursor: pointer;
        font-size: 10px;
        -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
        transition: all .25s cubic-bezier(.645, .045, .355, 1);
        color: #1b1b1b;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background-color: rgba(0, 0, 0, 3%)
    }

    .pxl-menu-toggle:before {
        content: "\f150";
        font-family: caseicon
    }

    .pxl-menu-toggle.active:before {
        content: "\f13d"
    }

    .pxl-menu-primary {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary li.menu-item {
        position: relative
    }

    .pxl-menu-primary li.menu-item>a {
        display: block;
        line-height: 50px;
        color: var(--link-color);
        font-size: 16px;
        font-weight: 400;
        border-bottom: 1px solid #d5d5d5
    }

    .pxl-menu-primary li.menu-item>a:hover,
    .pxl-menu-primary li.menu-item>a.current,
    .pxl-menu-primary li.menu-item.current_page_item>a,
    .pxl-menu-primary li.menu-item.current-menu-item>a,
    .pxl-menu-primary li.menu-item.current_page_ancestor>a,
    .pxl-menu-primary li.menu-item.current-menu-ancestor>a {
        color: var(--link-color);
        text-decoration: underline
    }

    .pxl-menu-primary .sub-menu,
    .pxl-menu-primary .children {
        position: relative;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .pxl-menu-primary .sub-menu li a,
    .pxl-menu-primary .children li a {
        font-weight: 400;
        margin-left: 10px;
        font-size: 15px
    }

    .pxl-menu-primary>li>.sub-menu>li>.sub-menu>li a {
        margin-left: 20px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-mega-menu-elementor {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-mega-menu-elementor .pxl-showcase .pxl-item--inner .pxl-item--image img {
        -webkit-transition: all .5s ease-in-out;
        -khtml-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .pxl-menu-primary .pxl-megamenu .pxl-mega-menu-elementor .pxl-showcase-grid .pxl-grid-inner {
        height: auto !important;
        display: block
    }

    .pxl-menu-primary .pxl-megamenu .pxl-mega-menu-elementor .pxl-showcase-grid .pxl-grid-inner .pxl-grid-item {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-container>.elementor-column {
        width: 100%
    }

    .pxl-menu-primary .pxl-megamenu .elementor-container .elementor-widget-wrap {
        padding: 0 !important
    }

    .pxl-menu-primary .pxl-megamenu .pxl-link li {
        margin: 0
    }

    .pxl-menu-primary .pxl-megamenu .pxl-heading {
        padding-left: 14px;
        border-bottom: 1px solid rgba(0, 0, 0, 6%);
        padding-top: 12px;
        padding-bottom: 12px
    }

    .pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title {
        margin-bottom: 0 !important;
        font-size: 14px !important;
        border-bottom: none !important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-widget-heading>.elementor-widget-container {
        margin-bottom: 0 !important;
        border-bottom: none !important
    }

    .pxl-menu-primary .pxl-megamenu .elementor-section .elementor-container {
        flex-wrap: wrap
    }

    .pxl-logo-mobile {
        margin-bottom: 35px
    }

    .pxl-logo-mobile img {
        height: 50px
    }

    .pxl-header-mobile-search {
        margin-bottom: 20px
    }

    .pxl-header-mobile-search form {
        position: relative
    }

    .pxl-header-mobile-search .search-form .searchform-wrap .search-submit {
        height: 54px;
        width: 54px;
        font-weight: 700;
        background-color: var(--link-color);
        -webkit-transition: all 300ms linear 0ms;
        -khtml-transition: all 300ms linear 0ms;
        -moz-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
        -o-transition: all 300ms linear 0ms;
        transition: all 300ms linear 0ms;
        top: 50%;
        right: 0;
        -webkit-border-radius: 13px;
        -khtml-border-radius: 13px;
        -moz-border-radius: 13px;
        -ms-border-radius: 13px;
        -o-border-radius: 13px;
        border-radius: 13px;
        padding: 0;
        position: absolute;
        color: #fff;
        z-index: 1;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%)
    }

    .pxl-header-mobile-search .search-form .searchform-wrap .search-submit i {
        line-height: 1;
        background-color: unset;
        color: #fff;
        font-size: 14px;
        width: 14px;
        height: 14px
    }

    .pxl-header-mobile-search .search-form .searchform-wrap .search-submit i svg {
        height: 14px;
        width: auto
    }

    .pxl-header-mobile-search .search-form .searchform-wrap .search-submit i svg path {
        fill: #fff
    }

    .pxl-header-mobile-search .search-field {
        height: 54px;
        padding: 0 22px;
        background-color: #fff
    }

    .pxl-header-mobile-search .search-field:focus {
        border-color: var(--link-color)
    }

    .pxl-menu-close {
        background-color: rgba(0, 0, 0, 3%);
        position: absolute;
        top: 0;
        right: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0
    }

    #pxl-header-elementor .pxl-header-elementor-main,
    #pxl-header-elementor .pxl-header-elementor-sticky {
        display: none
    }

    #pxl-header-elementor #pxl-header-mobile {
        display: block;
        position: relative;
        z-index: 999;
        box-shadow: 0 0 2px 2px rgba(219, 219, 219, .3)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark {
        background-color: #151a25
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark.pxl-header-mobile-fixed {
        background-color: #151a25
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-nav-mobile-button .pxl-icon-line:after,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-nav-mobile-button .pxl-icon-line:before {
        background-color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-menu {
        background-color: #000
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-mobile-search .search-field {
        background-color: rgba(255, 255, 255, .12);
        border-color: rgba(255, 255, 255, .12);
        color: rgba(255, 255, 255, .67)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-mobile-search .search-field:focus {
        color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-mobile-search .search-submit {
        color: rgba(255, 255, 255, .8);
        font-size: 14px
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li a {
        color: rgba(255, 255, 255, .8);
        border-color: rgba(255, 255, 255, 8%)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li>a:hover,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li>a.current,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current_page_item>a,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current-menu-item>a,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current_page_ancestor>a,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li.current-menu-ancestor>a {
        color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close {
        background-color: rgba(255, 255, 255, .12)
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close:before,
    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close:after {
        background-color: #fff
    }

    #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-toggle {
        background-color: rgba(255, 255, 255, .1);
        color: rgba(255, 255, 255, .8)
    }

    #pxl-header-elementor #pxl-header-mobile .pxl-header-sticky {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        opacity: 0;
        visibility: hidden
    }

    #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed .pxl-header-sticky {
        visibility: visible;
        opacity: 1;
        -webkit-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -khtml-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -moz-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -ms-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -o-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown
    }

    #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed .pxl-header-main {
        visibility: visible;
        opacity: 1;
        -webkit-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -khtml-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -moz-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -ms-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        -o-animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        animation: .95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        background-color: #fff;
        box-shadow: 0 0 2px 2px rgba(219, 219, 219, .3)
    }

    .admin-bar #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed .pxl-header-main {
        top: 32px
    }
}

@media screen and (max-width:782px) {
    .admin-bar #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed .pxl-header-main {
        top: 46px
    }
}

@media screen and (max-width:600px) {
    .admin-bar #pxl-header-elementor #pxl-header-mobile.pxl-header-mobile-fixed .pxl-header-main {
        top: 0
    }
}

@media screen and (max-width:767px) {
    .pxl-header-menu {
        width: 100%
    }
}

.pxl-hidden-panel-popup {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    height: 100vh;
    width: 100%;
    visibility: hidden
}

@media screen and (max-width:1200px) {
    .pxl-hidden-panel-popup {
        display: none
    }
}

.pxl-hidden-panel-popup .pxl-popup--overlay {
    z-index: -1;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -khtml-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -moz-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -ms-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -o-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    transition: all .5s cubic-bezier(.46, .03, .52, .96);
    cursor: pointer
}

.pxl-hidden-panel-popup .elementor>.elementor-section {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important
}

.pxl-hidden-panel-popup .pxl-popup--conent {
    height: 600px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    background-color: #0b1030;
    padding: 50px 30px;
    border-radius: 30px
}

.pxl-hidden-panel-popup .pxl-popup--conent .pxl-close {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 2
}

.pxl-hidden-panel-popup.pxl-pos-top .pxl-popup--conent {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateY(-100%);
    -khtml-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pxl-hidden-panel-popup.pxl-pos-right .pxl-popup--conent {
    position: absolute;
    top: 150px;
    right: -100%;
    height: 600px;
    width: 400px;
    -webkit-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    overflow-y: scroll;
    overflow-x: hidden;
    transform: scale(0)
}

.pxl-hidden-panel-popup.pxl-pos-left .elementor-container,
.pxl-hidden-panel-popup.pxl-pos-left .elementor-element,
.pxl-hidden-panel-popup.pxl-pos-left .elementor-element-populated {
    position: static
}

.pxl-hidden-panel-popup.pxl-pos-left .pxl-popup--conent {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: 535px;
    -webkit-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -o-transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    transition: all 500ms cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translateX(-100%);
    -khtml-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow: visible
}

.pxl-hidden-panel-popup.active {
    visibility: visible
}

.pxl-hidden-panel-popup.active .pxl-popup--conent {
    -webkit-transform: translatex(0%);
    -khtml-transform: translatex(0%);
    -moz-transform: translatex(0%);
    -ms-transform: translatex(0%);
    -o-transform: translatex(0%);
    transform: translatex(0%);
    transition-delay: 0s !important
}

.pxl-hidden-panel-popup.active.pxl-pos-right .pxl-popup--conent {
    right: 20px;
    transform: scale(1)
}

.pxl-hidden-panel-popup.active .pxl-popup--overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s !important
}

.pxl-hidden-panel-popup.active .pxl-search-form .pxl-searchform-divider {
    webkit-animation-name: PXLfadeInMove;
    animation-name: PXLfadeInMove;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-delay: .8s;
    -webkit-animation-delay: .8s
}

.pxl-hidden-panel-popup:not(.active) .pxl-search-form .pxl-searchform-divider {
    webkit-animation-name: PXLfadeOutMove;
    animation-name: PXLfadeOutMove;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible
}

.pxl-anchor-divider {
    overflow: hidden;
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5px
}

.pxl-anchor-divider .pxl-dot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    transform-style: preserve-3d
}

.pxl-anchor-divider .pxl-dot .pxl-icon-line {
    height: 4px;
    width: 4px;
    border-radius: 50%;
    display: inline-flex;
    background-color: #fff
}

.pxl-anchor-divider .pxl-dot.pxl-dot2 {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-anchor-divider .pxl-dot.pxl-dot3 {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-popup-wrap .pxl-item--overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(8, 8, 8, .4);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-popup-wrap.active .pxl-item--overlay {
    opacity: 1;
    visibility: visible
}

#pxl-search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden
}

#pxl-search-popup .pxl-item--overlay {
    background-color: initial;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -khtml-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -moz-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -ms-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -o-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    transition: all .5s cubic-bezier(.46, .03, .52, .96)
}

#pxl-search-popup .pxl-item--close {
    width: 45px;
    height: 45px;
    position: absolute;
    background-color: rgba(255, 255, 255, 6%);
    top: 50px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
    border-radius: 50%;
    border-width: 11px
}

#pxl-search-popup .pxl-item--close:before,
#pxl-search-popup .pxl-item--close:after {
    background-color: #fff
}

#pxl-search-popup .searchform-wrap {
    position: relative
}

#pxl-search-popup .searchform-wrap:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform-origin: left center
}

#pxl-search-popup.active .searchform-wrap:before {
    webkit-animation-name: PXLfadeInMove;
    animation-name: PXLfadeInMove;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

#pxl-search-popup .pxl-item--conent {
    position: absolute;
    top: -400px;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 400px;
    background-color: rgba(18, 18, 18, .8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 60px 15px 0;
    will-change: top, box-shadow;
    -webkit-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -khtml-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -moz-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -ms-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -o-transition: all .5s cubic-bezier(.46, .03, .52, .96);
    transition: all .5s cubic-bezier(.46, .03, .52, .96);
    -webkit-box-shadow: 0 1px 6px rgba(18, 18, 18, .5);
    -khtml-box-shadow: 0 1px 6px rgba(18, 18, 18, .5);
    -moz-box-shadow: 0 1px 6px rgba(18, 18, 18, .5);
    -ms-box-shadow: 0 1px 6px rgba(18, 18, 18, .5);
    -o-box-shadow: 0 1px 6px rgba(18, 18, 18, .5);
    box-shadow: 0 1px 6px rgba(18, 18, 18, .5)
}

#pxl-search-popup .pxl-item--conent form {
    max-width: 760px;
    margin: 0 auto;
    width: 100%;
    position: relative
}

#pxl-search-popup .pxl-item--conent form .search-field {
    height: 75px;
    padding: 15px 0;
    color: #fff;
    font-size: 28px;
    border: none;
    background-color: unset;
    width: 94%;
    border-radius: 0
}

#pxl-search-popup .pxl-item--conent form .search-submit {
    position: absolute;
    top: 50%;
    right: 0;
    -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%);
    width: 26px;
    height: 75px;
    line-height: 75px;
    text-align: right;
    border: none;
    background: 0 0;
    font-size: 28px;
    padding: 0;
    z-index: 99;
    cursor: pointer;
    color: #fff
}

#pxl-search-popup .pxl-item--conent form .search-submit:hover svg path {
    fill: var(--primary-color)
}

#pxl-search-popup .pxl-item--conent form .search-submit i {
    width: 30px;
    height: 30px
}

#pxl-search-popup .pxl-item--conent form .search-submit svg {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    height: 26px
}

#pxl-search-popup .pxl-item--conent form .search-submit svg path {
    fill: #fff;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms
}

#pxl-search-popup .pxl--search-divider {
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .6)
}

#pxl-search-popup.active {
    visibility: visible
}

#pxl-search-popup.active .pxl-item--overlay {
    transition-delay: 0s !important
}

#pxl-search-popup.active .pxl-item--conent {
    top: 0
}

.admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed,
.admin-bar #pxl-search-popup,
.admin-bar .pxl-hidden-panel-popup {
    top: 32px
}

@media screen and (max-width:782px) {

    .admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed,
    .admin-bar #pxl-search-popup,
    .admin-bar .pxl-hidden-panel-popup {
        top: 46px
    }
}

@media screen and (max-width:600px) {

    .admin-bar #pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed,
    .admin-bar #pxl-search-popup,
    .admin-bar .pxl-hidden-panel-popup {
        top: 0
    }
}

.admin-bar .pxl-header-menu {
    top: 32px
}

@media screen and (max-width:782px) {
    .admin-bar .pxl-header-menu {
        top: 46px
    }
}

@media screen and (max-width:600px) {
    .admin-bar .pxl-header-menu {
        top: 0
    }
}

.admin-bar #pxl-header-elementor .px-header--fixed {
    top: 32px
}

.admin-bar #pxl-header-elementor .px-header--fixed.scroll-down {
    transform: perspective(300px)rotateX(-90deg);
    transform-origin: top
}

@media screen and (max-width:782px) {
    .admin-bar #pxl-header-elementor .px-header--fixed {
        top: 46px
    }
}

@-moz-keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

@-ms-keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

@keyframes PXL_Header_SlideDown {
    0% {
        margin-top: -150px
    }

    100% {
        margin-top: 0
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.pxl---post .pxl-item--image>a {
    display: block;
    width: 100%
}

.pxl-item--archive {
    margin-bottom: 25px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    padding: 30px;
    background-color: initial;
    position: relative;
    border: 1px solid rgba(11, 16, 48, .1);
    border-radius: 30px
}

@media(max-width:575px) {
    .pxl-item--archive {
        padding: 30px 15px
    }
}

.pxl-item--archive .pxl-item-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px
}

@media(max-width:1199px) {
    .pxl-item--archive .pxl-item-inner {
        flex-direction: column
    }
}

.pxl-item--archive .pxl-item--image {
    flex-shrink: 0;
    width: 330px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width:1199px) {
    .pxl-item--archive .pxl-item--image {
        width: 100%
    }
}

.pxl-item--archive .pxl-item--image .pxl-link-image {
    position: relative
}

.pxl-item--archive .pxl-item--image img {
    transform: scale(1);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-item--archive .pxl-item--image .pxl-post-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 1;
    z-index: 2
}

.pxl-item--archive .pxl-item--image .pxl-post-video .pxl-btn-video {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #fff;
    justify-content: center;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    background-size: 300% 100%;
    background-color: rgba(255, 255, 255, .1);
    backdrop-filter: blur(7.5px);
    font-size: 13px
}

.pxl-item--archive .pxl-item--image .pxl-post-video .pxl-btn-video:hover {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-item--archive .pxl-item--image .pxl-post-video .pxl-btn-video i {
    line-height: 1
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    border-bottom: 1px solid rgba(11, 16, 48, .1);
    padding-bottom: 12px;
    margin-bottom: 12px
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta li {
    list-style: none;
    color: var(--link-color);
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta li:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: translate(0, -50%);
    background-color: var(--primary-color)
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta li:last-child:after {
    display: none
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta li .pxl-icon {
    color: var(--primary-color);
    font-size: 13px;
    line-height: 1
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta li a {
    color: var(--link-color)
}

.pxl-item--archive .pxl-item--holder .pxl-item--meta li a:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--holder .pxl-item--title {
    line-height: 1.45;
    margin-bottom: 13px
}

.pxl-item--archive .pxl-item--holder .pxl-item--excerpt {
    margin-bottom: 14px
}

.pxl-item--archive .pxl-item--holder .pxl-item-bottom .btn-archive {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #03045e;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-item--archive .pxl-item--holder .pxl-item-bottom .btn-archive .pxl-btn-icon {
    line-height: 1;
    margin-top: 5px
}

.pxl-item--archive .pxl-item--holder .pxl-item-bottom .btn-archive .pxl-btn-icon svg path {
    fill: #03045e;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-item--archive .pxl-item--holder .pxl-item-bottom .btn-archive:hover {
    color: var(--primary-color)
}

.pxl-item--archive .pxl-item--holder .pxl-item-bottom .btn-archive:hover .pxl-btn-icon svg path {
    fill: var(--primary-color)
}

@media(max-width:1200px) {
    .single-post #pxl-wapper #pxl-main {
        margin-top: 60px !important
    }
}

.single-post #pxl-wapper #pxl-main .container {
    max-width: 1300px
}

.single-post .pxl---post iframe {
    width: 100%
}

.single-post .pxl---post .pxl-inner-bg[style*=background-image] {
    height: 422px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    margin-bottom: 40px
}

.single-post .pxl---post .pxl-inner-bg[style*=background-image] a {
    display: block;
    height: 100%
}

.single-post .pxl---post .pxl-item--meta {
    gap: 40px;
    border-bottom: 1px solid rgba(11, 16, 48, .1);
    padding-bottom: 15px;
    margin-bottom: 15px
}

@media(max-width:1024px) {
    .single-post .pxl---post .pxl-item--meta {
        gap: 20px
    }
}

.single-post .pxl---post .pxl-item--meta li {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    color: #686877;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.single-post .pxl---post .pxl-item--meta li a {
    color: #686877
}

.single-post .pxl---post .pxl-item--meta li a:hover {
    color: var(--primary-color)
}

.single-post .pxl---post .pxl-item--meta li .pxl-icon {
    color: var(--primary-color);
    font-size: 14px
}

.single-post .pxl---post .pxl-item--title {
    font-size: 40px;
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: 25px
}

.single-post .pxl---post .pxl-inner-social {
    margin-top: 55px
}

.single-post .pxl---post .pxl-inner-social .pxl--social {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.single-post .pxl---post .pxl-inner-social .pxl--social .pxl-heading-social {
    font-size: 18px;
    font-weight: 500;
    color: #0b1030
}

.single-post .pxl---post .pxl-inner-social .pxl--social a {
    background-color: rgba(11, 16, 48, 3%);
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 4px 16px;
    color: #0b1030
}

.single-post .pxl---post .pxl-inner-social .pxl--social a:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.single-post .section-hidde-single-post {
    display: none
}

.pxl-post-list1 {
    list-style: none;
    margin: 0 0 23px;
    padding-bottom: 15px;
    padding-top: 5px
}

.pxl-post-list1 li:before {
    content: "\f119";
    font-family: caseicon;
    margin-right: 16px;
    font-size: 13px
}

.pxl-post-list1 li+li {
    margin-top: 10px
}

.pxl--post-footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 22px;
    margin-top: 54px;
    border-top: 1px solid #e2e2e2;
    padding-top: 26px
}

.pxl--post-footer>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 5px
}

.pxl--post-footer label {
    font-size: 20px;
    color: var(--link-color);
    font-weight: 500;
    margin-right: 15px
}

@media(max-width:767px) {
    .pxl--post-footer label {
        font-size: 16px
    }
}

.pxl--post-footer .pxl--tags {
    flex-grow: 1
}

.pxl--post-footer .pxl--tags a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 7px 19px;
    color: #9e9e9e;
    background-color: #f6f6f6;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 5px 8px 5px 0
}

@media(max-width:767px) {
    .pxl--post-footer .pxl--tags a {
        padding: 4px 15px
    }
}

.pxl--post-footer .pxl--tags a:last-child {
    margin-right: 0
}

.pxl--post-footer .pxl--tags a:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl--post-footer .pxl--social a {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    margin-right: 8px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #007bb5;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform: translateY(0)
}

@media(max-width:767px) {
    .pxl--post-footer .pxl--social a {
        font-size: 16px
    }
}

.pxl--post-footer .pxl--social a:nth-child(2) {
    background-color: #3a5897
}

.pxl--post-footer .pxl--social a:nth-child(3) {
    background-color: var(--link-color)
}

.pxl--post-footer .pxl--social a:nth-child(4) {
    background-color: #e8170e
}

.pxl--post-footer .pxl--social a:last-child {
    margin-right: 0
}

.pxl--post-footer .pxl--social a:hover {
    transform: translateY(-5px)
}

.pxl-pagination-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding-top: 19px
}

.pxl-pagination-wrap .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--link-color);
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 5px;
    border: none;
    font-weight: 500;
    font-size: 16px;
    background-color: initial
}

.pxl-pagination-wrap .page-numbers:hover,
.pxl-pagination-wrap .page-numbers.current {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-pagination-wrap .page-numbers svg path {
    stroke: var(--link-color);
    -webkit-transition: all 500ms ease-in-out;
    -khtml-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

.pxl-pagination-wrap .prev:hover,
.pxl-pagination-wrap .next:hover,
.pxl-pagination-wrap .prev.current,
.pxl-pagination-wrap .next.current {
    color: #fff
}

.pxl-pagination-wrap .prev:hover svg path,
.pxl-pagination-wrap .next:hover svg path,
.pxl-pagination-wrap .prev.current svg path,
.pxl-pagination-wrap .next.current svg path {
    stroke: #fff
}

.pxl-pagination-wrap .pxl-pagination-links {
    margin-top: 0;
    display: inline-flex
}

.pxl-post--navigation {
    border-bottom: 1px solid #e2e2e2;
    padding: 35px 0 40px;
    margin-bottom: 45px
}

.pxl-post--navigation .pxl--label {
    font-size: 14px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase
}

.pxl-post--navigation .pxl--label i {
    font-size: 10px
}

.pxl-post--navigation .pxl--label span {
    margin: 0 6px;
    position: relative
}

.pxl-post--navigation .pxl--label span:before {
    content: '';
    position: absolute;
    bottom: 1px;
    width: 0;
    height: 1px;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-post--navigation .pxl--label:hover {
    color: var(--primary-color)
}

.pxl-post--navigation .pxl--label:hover span:before {
    width: 100%
}

.pxl-post--navigation .pxl--img {
    width: 61px;
    min-width: 61px
}

@media screen and (max-width:767px) {
    .pxl-post--navigation .pxl--img {
        width: 50px;
        min-width: 50px
    }
}

.pxl-post--navigation .pxl--img img {
    border-radius: 10px
}

.pxl-post--navigation .pxl-item-button {
    min-width: 50px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 34px
}

@media screen and (max-width:575px) {
    .pxl-post--navigation .pxl-item-button {
        margin: 20px 0
    }
}

.pxl-post--navigation .pxl-item-button a {
    color: #9e9e9e
}

.pxl-post--navigation .pxl-item-button a:hover {
    color: var(--primary-color)
}

.pxl-post--navigation .pxl--meta {
    padding: 0 22px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.41;
    color: #222
}

@media screen and (max-width:767px) {
    .pxl-post--navigation .pxl--meta {
        padding: 0 10px;
        font-size: 16px
    }
}

.pxl-post--navigation .pxl--meta a {
    color: inherit
}

.pxl-post--navigation .pxl--holder {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 26px
}

.pxl-post--navigation .pxl--item {
    width: calc(50% - 25px)
}

@media screen and (max-width:575px) {
    .pxl-post--navigation .pxl--item {
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .pxl-post--navigation .pxl--items {
        justify-content: center
    }
}

.pxl-post--navigation .pxl--item-prev .pxl--label span:before {
    right: 0;
    left: auto
}

.pxl-post--navigation .pxl--item-next {
    text-align: right
}

.pxl-post--author-info {
    margin: 65px 0 30px;
    background-color: #f9f9f9;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 29px 30px 18px 32px;
    align-items: unset
}

@media screen and (max-width:767px) {
    .pxl-post--author-info {
        display: block
    }
}

.pxl-post--author-info .pxl-post--author-meta {
    margin-top: 7px
}

.pxl-post--author-info .pxl-user--name {
    font-size: 24px;
    font-weight: 500;
    color: #261723;
    margin-bottom: 6px;
    letter-spacing: -.38px
}

.pxl-post--author-info .pxl-user--name a {
    color: inherit
}

.pxl-post--author-info .pxl-user--name a:hover {
    color: inherit
}

.pxl-post--author-info .pxl-post--author-description {
    font-size: 18px;
    margin-bottom: 14px;
    color: #261723;
    letter-spacing: -.44px
}

.pxl-post--author-info .pxl-post--author-image {
    width: 137px;
    min-width: 137px;
    height: 137px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .pxl-post--author-info .pxl-post--author-image {
        margin-bottom: 32px
    }
}

.pxl-post--author-info .pxl-post--author-social a {
    display: inline-flex;
    color: #005ef9
}

.pxl-post--author-info .pxl-post--author-social a:hover {
    color: var(--primary-color)
}

.pxl-custom-swiper {
    overflow: hidden;
    position: relative
}

.pxl-post-gallery-slider .pxl-custom-swiper {
    border-radius: 8px 8px 0 0
}

.pxl-post-gallery-slider .pxl-custom-swiper img {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.pxl-post-gallery-slider .pxl-custom-swiper .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 26px
}

.pxl-post-gallery-slider .pxl-custom-swiper .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 26px
}

.page-template-default {}

.single-portfolio {}

.single-portfolio #pxl-main .container {
    max-width: 1850px
}

.single-service {}

.single-service #pxl-main .container {
    max-width: 1850px
}

.error404 {
    background-color: #fff
}

.error404 #pxl-main {
    margin: 0
}

.error404 #pxl-main .container {
    max-width: 100%;
    padding: 0
}

.error404 #pxl-page-title-elementor,
.error404 #pxl-page-title-default {
    display: none
}

.error404 header,
.error404 footer {
    display: none
}

.error404 .vh-100 {
    height: 100vh
}

.error404 .pxl-error-inner {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.error404 .pxl-error-inner .pxl-img-logo {
    align-content: center;
    text-align: center
}

@media(max-width:991px) {
    .error404 .pxl-error-inner .pxl-img-logo {
        height: auto;
        padding: 70px
    }
}

.error404 .pxl-error-inner .pxl-img-logo img {
    height: 51px
}

.error404 .pxl-error-inner .pxl-error-holder {
    background-color: #fff;
    text-align: center;
    align-content: center;
    padding: 3rem
}

@media(max-width:991px) {
    .error404 .pxl-error-inner .pxl-error-holder {
        padding: 30px 15px
    }
}

.error404 .pxl-error-inner .pxl-error-holder .pxl-error-number {
    font-size: 160px;
    line-height: .8;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 600
}

@media(max-width:1024px) {
    .error404 .pxl-error-inner .pxl-error-holder .pxl-error-number {
        font-size: 120px
    }
}

.error404 .pxl-error-inner .pxl-error-holder .pxl-error-title {
    font-size: 36px;
    margin-top: 28px;
    margin-bottom: 11px;
    text-transform: capitalize;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 1.2
}

.error404 .pxl-error-inner .pxl-error-holder .pxl-error-description {
    font-size: 18px;
    margin-bottom: 37px
}

.error404 .pxl-error-inner .pxl-error-holder .search-form {
    max-width: 600px;
    margin: auto;
    margin-bottom: 30px
}

.error404 .pxl-error-inner .pxl-error-holder .search-form input {
    height: 72px;
    background-color: rgba(11, 16, 48, 5%);
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 0 30px;
    color: #0b1030;
    font-size: 15px
}

.error404 .pxl-error-inner .pxl-error-holder .search-form .search-submit {
    right: 4px;
    height: 64px;
    width: 64px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.error404 .pxl-error-inner .pxl-error-holder .search-form .search-submit i {
    font-size: 18px;
    width: 18px;
    height: 18px
}

.error404 .pxl-error-inner .pxl-error-holder .search-form .search-submit:hover {
    background-color: #03045e
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default {
    min-width: 230px;
    padding: 0 30px;
    line-height: 58px
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default:hover .pxl-404-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default:hover .pxl--btn-text-meta {
    -webkit-transform: translateY(-150%);
    -khtml-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%)
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default .pxl--btn-text-meta {
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default .pxl-404-icon {
    position: absolute;
    top: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 1
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default .pxl-404-icon svg {
    transform: rotate(180deg);
    height: 18px;
    width: auto
}

.error404 .pxl-error-inner .pxl-error-holder .btn-default .pxl-404-icon svg path {
    fill: #fff;
    stroke: none
}

.btn--readmore {
    min-width: 106px;
    width: 106px;
    height: 106px;
    border-radius: 106px;
    background-color: var(--primary-color);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    text-align: center
}

.btn--readmore i {
    font-size: 21px;
    display: block;
    margin-bottom: 2px;
    -webkit-transition: transform 300ms linear 0ms;
    -khtml-transition: transform 300ms linear 0ms;
    -moz-transition: transform 300ms linear 0ms;
    -ms-transition: transform 300ms linear 0ms;
    -o-transition: transform 300ms linear 0ms;
    transition: transform 300ms linear 0ms
}

.btn--readmore:hover {
    color: #fff
}

.btn--readmore:hover i {
    transform: rotate(45deg)
}

.page-links {
    margin-top: 24px;
    clear: left
}

.page-links .post-page-numbers {
    width: 36px;
    height: 36px;
    background-color: #fff;
    line-height: 36px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin: 15px 15px 0 0;
    color: #080808;
    position: relative;
    z-index: 1;
    padding: 0;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.page-links .post-page-numbers.current,
.page-links .post-page-numbers:hover {
    color: #fff;
    border-color: var(--link-color);
    background-color: var(--link-color)
}

.pxl-post-row {
    padding-top: 4px;
    margin-bottom: -56px
}

.pxl-post-row>div {
    margin-bottom: 30px
}

.pxl-post-row>div>p {
    margin-bottom: 0 !important
}

.pxl-content-top {
    margin-bottom: 37px;
    width: 100%
}

.pxl-content-top .pxl-sub-page--title {
    font-size: 18px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 7px
}

.pxl-content-top .pxl-page--title {
    font-size: 60px;
    margin-bottom: 0
}

@media screen and (max-width:1600px) {
    .pxl-content-top .pxl-page--title {
        font-size: 52px
    }
}

@media screen and (max-width:1200px) {
    .pxl-content-top .pxl-page--title {
        font-size: 48px
    }
}

@media screen and (max-width:767px) {
    .pxl-content-top .pxl-page--title {
        font-size: 36px
    }
}

.pxl-content-wrap.no-sidebar .pxl-post-inner {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.pxl-content-wrap.no-sidebar .comments-area {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto
}

.pxl-post-slip1 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

.pxl-post-slip1 .pxl-post-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 97px
}

@media(max-width:1024px) {
    .pxl-post-slip1 .pxl-post-content {
        top: 65px
    }
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-content {
        display: block
    }
}

@media(max-width:575px) {
    .pxl-post-slip1 .pxl-post-content {
        top: 0
    }
}

.pxl-post-slip1 .pxl-post-content .pxl-widget--title {
    font-size: 113px;
    color: #dbdbdb;
    font-weight: 700;
    line-height: .8;
    width: 41%;
    padding-left: 19px;
    padding-top: 32px;
    transform: translate(0, -32px)
}

@media(max-width:1280px) {
    .pxl-post-slip1 .pxl-post-content .pxl-widget--title {
        font-size: 90px;
        padding-left: 0
    }
}

@media(max-width:991px) {
    .pxl-post-slip1 .pxl-post-content .pxl-widget--title {
        font-size: 70px;
        transform: unset
    }
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-content .pxl-widget--title {
        width: 100%;
        font-size: 60px;
        padding: 0 15px
    }
}

.pxl-post-slip1 .pxl-post-content .pxl-text-marquee1.style2 {
    width: 59%;
    padding-top: 35px;
    position: relative
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-content .pxl-text-marquee1.style2 {
        width: 100%
    }
}

.pxl-post-slip1 .pxl-post-content .pxl-text-marquee1.style2:before {
    content: '';
    width: 15%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -7%;
    z-index: 1;
    clip-path: polygon(0 0, 35% 0, 100% 100%, 0% 100%)
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-content .pxl-text-marquee1.style2:before {
        display: none
    }
}

@media(max-width:991px) {
    .pxl-post-slip1 .pxl-post-content .pxl-text-marquee1.style2 .pxl-item--text {
        font-size: 60px
    }
}

.pxl-post-slip1 .pxl-post-image-slip {
    position: relative;
    max-width: 100%;
    width: 100%
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--track {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-block--min {
    -webkit-transition: .5s ease-out;
    -khtml-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    -ms-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    z-index: 9;
    display: inline-flex;
    justify-content: center;
    max-width: 1640px;
    margin: 0 auto;
    padding: 96px 152px 85px 0
}

@media(max-width:1280px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-block--min {
        padding: 60px 52px 60px 0
    }
}

@media(max-width:1199px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-block--min {
        padding: 60px 15px 60px 0
    }
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-block--min {
        padding: 40px 15px 40px 0
    }
}

@media(max-width:676px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-block--min {
        display: block
    }
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner {
    display: flex
}

@media(max-width:1280px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner {
        align-items: center
    }
}

@media(max-width:991px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner {
        display: block;
        padding: 0 15px
    }
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item--number {
    font-size: 402px;
    color: #fff;
    font-weight: 700;
    line-height: .6;
    width: 38.9%
}

@media(max-width:1280px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item--number {
        font-size: 300px
    }
}

@media(max-width:991px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item--number {
        line-height: .8;
        font-size: 200px;
        margin-bottom: 20px
    }
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item--number {
        font-size: 170px
    }
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--title {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2
}

@media(max-width:1199px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--title {
        font-size: 40px
    }
}

@media(max-width:991px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--title {
        font-size: 32px
    }
}

@media(max-width:767px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--title {
        font-size: 27px
    }
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-item--content {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    margin-top: 19px;
    margin-bottom: 36px;
    max-width: 92%
}

@media(max-width:1199px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-item--content {
        margin-top: 10px;
        margin-bottom: 25px
    }
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--button .btn {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--button .btn i {
    background-color: var(--gradient-color-from);
    color: #fff
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block {
    display: flex;
    justify-content: center;
    width: 100%;
    position: sticky;
    -webkit-transition: 1.2s ease-out;
    -khtml-transition: 1.2s ease-out;
    -moz-transition: 1.2s ease-out;
    -ms-transition: 1.2s ease-out;
    -o-transition: 1.2s ease-out;
    transition: 1.2s ease-out;
    top: 200px;
    opacity: 1;
    background-color: var(--primary-color)
}

@media(max-width:1024px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block {
        top: 150px
    }
}

@media(max-width:575px) {
    .pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block {
        top: 65px
    }
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block img {
    width: 100%
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.active .pxl-post-block--min {
    opacity: 1;
    visibility: visible
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.end .pxl-post-block--min {
    opacity: 1
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_1 {
    background-color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_2 {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_2 .pxl-item--number {
    color: var(--primary-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_2 .pxl-item-content .pxl-post--title {
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_2 .pxl-item-content .pxl-item--content {
    color: #818181
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_2 .pxl-item-content .pxl-post--button .btn {
    background-color: var(--gradient-color-from);
    color: #fff
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_2 .pxl-item-content .pxl-post--button .btn i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_4 {
    background-color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_5 {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_5 .pxl-item--number {
    color: var(--primary-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_5 .pxl-item-content .pxl-post--title {
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_5 .pxl-item-content .pxl-item--content {
    color: #818181
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_5 .pxl-item-content .pxl-post--button .btn {
    background-color: var(--gradient-color-from);
    color: #fff
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_5 .pxl-item-content .pxl-post--button .btn i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_7 {
    background-color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_8 {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_8 .pxl-item--number {
    color: var(--primary-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_8 .pxl-item-content .pxl-post--title {
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_8 .pxl-item-content .pxl-item--content {
    color: #818181
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_8 .pxl-item-content .pxl-post--button .btn {
    background-color: var(--gradient-color-from);
    color: #fff
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_8 .pxl-item-content .pxl-post--button .btn i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_10 {
    background-color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_11 {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_11 .pxl-item--number {
    color: var(--primary-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_11 .pxl-item-content .pxl-post--title {
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_11 .pxl-item-content .pxl-item--content {
    color: #818181
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_11 .pxl-item-content .pxl-post--button .btn {
    background-color: var(--gradient-color-from);
    color: #fff
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_11 .pxl-item-content .pxl-post--button .btn i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_13 {
    background-color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_14 {
    background-color: #fff;
    border-top: 1px solid rgba(0, 0, 0, .2)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_14 .pxl-item--number {
    color: var(--primary-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_14 .pxl-item-content .pxl-post--title {
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_14 .pxl-item-content .pxl-item--content {
    color: #818181
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_14 .pxl-item-content .pxl-post--button .btn {
    background-color: var(--gradient-color-from);
    color: #fff
}

.pxl-post-slip1 .pxl-post-image-slip .pxl-post-image--block.pxl-post-block_14 .pxl-item-content .pxl-post--button .btn i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-post-slip1 .pxl-post--image {
    position: relative;
    overflow: hidden;
    width: 322px;
    min-width: 322px;
    height: 313px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

@media(max-width:676px) {
    .pxl-post-slip1 .pxl-post--image {
        display: none
    }
}

.pxl-post-slip1 .pxl-post--image a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-related-post {
    background-color: var(--primary-color);
    margin-top: 130px;
    padding-top: 115px;
    padding-bottom: 115px
}

@media(max-width:1366px) {
    .pxl-related-post {
        margin-top: 80px;
        padding-top: 70px;
        padding-bottom: 80px
    }
}

.pxl-related-post .pxl-container-related {
    max-width: 1620px;
    margin: 0 auto
}

.pxl-related-post .slick-list {
    margin: 0 -19px;
    padding: 0 18px
}

.pxl-related-post .slick-slide {
    padding: 0 19px;
    border-left: 1px solid #d5d5d5
}

.pxl-related-post .slick-slide:first-child {
    border-left: 0
}

.pxl-related-post .pxl-carousel-inner {
    margin: 0 -18px
}

.pxl-related-post .pxl-row-related {
    margin: 0 -15px
}

@media(max-width:1650px) {
    .pxl-related-post .pxl-row-related {
        margin: 0
    }
}

.pxl-related-post .pxl-inner-item-related {
    padding: 0 15px
}

.pxl-related-post .pxl-swiper-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px
}

.pxl-related-post .pxl-swiper-title .item-title {
    width: 50%;
    margin-bottom: 0;
    padding-bottom: 0
}

@media(max-width:767px) {
    .pxl-related-post .pxl-swiper-title .item-title {
        font-size: 40px
    }
}

.pxl-related-post .pxl-swiper-title .pxl-item-slick-arrow {
    display: flex;
    align-items: center;
    gap: 10px
}

.pxl-related-post .pxl-swiper-title .pxl-item-slick-arrow .slick-arrow {
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-related-post .pxl-swiper-title .pxl-item-slick-arrow .slick-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-related-post .pxl-swiper-title .pxl-item-slick-arrow .slick-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width:575px) {
    .pxl-related-post .pxl-swiper-title {
        flex-wrap: wrap;
        margin-bottom: 35px;
        gap: 30px
    }

    .pxl-related-post .pxl-swiper-title .item-title {
        width: 100%
    }
}

.pxl-related-post .pxl-grid-item-inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-related-post .pxl-grid-item-inner:hover .pxl-item-featured {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.pxl-related-post .pxl-grid-item-inner:hover .pxl-item-featured .pxl-img-link img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-featured {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-featured .item--date {
    padding: 15px 39px;
    background-color: var(--link-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    line-height: 1.7
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-featured .pxl-img-link {
    display: block;
    position: relative
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-featured .pxl-img-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-featured .pxl-img-link 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);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-post--category {
    display: flex;
    align-items: center;
    margin-top: 12px;
    margin-bottom: 3px
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-post--category a {
    font-size: 13px;
    color: #999;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3;
    position: relative;
    margin: 10px 5px;
    padding-right: 10px;
    margin-left: 0;
    text-decoration: underline transparent
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-post--category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    color: #999;
    transform: translate(0, -50%)
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-post--category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-post--category a:last-child:after {
    display: none
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-post--category a:hover {
    color: var(--link-color);
    text-decoration: underline var(--link-color)
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-item-title {
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 24px
}

@media(max-width:1366px) {
    .pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-item-title {
        font-size: 20px
    }
}

.pxl-related-post .pxl-grid-item-inner .pxl-item-content .pxl-item-title a {
    color: var(--link-color)
}

body.rtl .pxl-post-slip1 .pxl-post-image-slip .pxl-post-min-inner .pxl-item-content .pxl-post--button .btn i {
    margin-left: 0;
    margin-right: 20px
}

@media screen and (min-width:1201px) {
    .pxl-sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 40px
    }

    .admin-bar .pxl-sidebar-sticky {
        top: 72px
    }

    .admin-bar.single-post .pxl-sidebar-sticky {
        top: 130px
    }

    .single-post .pxl-sidebar-sticky {
        top: 110px
    }
}

.widget .widget-title,
.pxl-widget-title,
.comments-title,
.comment-reply-title {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    color: var(--link-color);
    text-transform: capitalize;
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 1.2;
    position: relative
}

.widget .widget-title:before,
.pxl-widget-title:before,
.comments-title:before,
.comment-reply-title:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 33px;
    height: 2px;
    background-color: var(--primary-color)
}

.pxl-sidebar-sticky .widget {
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 10px 60px rgba(137, 151, 186, .15);
    background-color: #fff
}

.pxl-sidebar-right .pxl-content-area #pxl-content-main {
    padding-right: 30px
}

@media(max-width:1366px) {
    .pxl-sidebar-right .pxl-content-area #pxl-content-main {
        padding-right: 0
    }
}

.pxl-sidebar-left .pxl-content-area #pxl-content-main {
    padding-left: 20px;
    padding-right: 0
}

@media(max-width:1366px) {
    .pxl-sidebar-left .pxl-content-area #pxl-content-main {
        padding-left: 0
    }
}

.widget_search .widget-title {
    display: none !important
}

.widget_search .search-form .searchform-wrap {
    position: relative
}

.widget_search .search-form .searchform-wrap .search-submit {
    height: 58px;
    width: 80px;
    font-weight: 700;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    top: 50%;
    right: 0;
    -webkit-border-radius: 0 100px 100px 0;
    -khtml-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
    padding: 0;
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    box-shadow: none;
    box-shadow: 0 10px 20px rgba(0, 180, 216, .3)
}

.widget_search .search-form .searchform-wrap .search-submit:before,
.widget_search .search-form .searchform-wrap .search-submit:after {
    display: none
}

@media(max-width:1200px) {
    .widget_search .search-form .searchform-wrap .search-submit {
        width: 60px
    }
}

.widget_search .search-form .searchform-wrap .search-submit i {
    line-height: 1;
    background-color: unset;
    color: #fff;
    font-size: 18px;
    width: 18px;
    height: 18px
}

.widget_search .search-form .searchform-wrap .search-submit i svg {
    height: 18px;
    width: auto
}

.widget_search .search-form .searchform-wrap .search-submit i svg path {
    fill: #fff
}

.widget_search .search-form .searchform-wrap .search-submit:hover i {
    color: #fff
}

.widget_search .search-field,
.widget_search .wp-block-search__input {
    background-color: #f8f8f8;
    padding: 5px 30px;
    height: 58px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    color: #686877;
    border: 1px solid #a6dae5;
    padding-right: 75px !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize
}

.widget_search .search-field:focus,
.widget_search .wp-block-search__input:focus {
    border-color: var(--primary-color);
    color: var(--link-color)
}

.widget_search .search-field:focus+.search-submit,
.widget_search .wp-block-search__input:focus+.search-submit {
    border-color: var(--primary-color);
    color: var(--link-color)
}

.widget_product_categories ul,
.widget_categories ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_archive ul,
.widget_meta ul,
.widget_recent_entries ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.widget_product_categories ul li a,
.widget_categories ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_recent_entries ul li a {
    font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    color: var(--link-color);
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    border-bottom: 1px solid rgba(11, 16, 48, .1);
    padding-top: 15px;
    padding-bottom: 15px
}

.widget_product_categories ul li .pxl-count,
.widget_categories ul li .pxl-count,
.widget_nav_menu ul li .pxl-count,
.widget_pages ul li .pxl-count,
.widget_archive ul li .pxl-count,
.widget_meta ul li .pxl-count,
.widget_recent_entries ul li .pxl-count {
    font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 400;
    color: var(--link-color);
    position: absolute;
    text-align: center;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    line-height: 1
}

.widget_product_categories ul li:last-child a,
.widget_categories ul li:last-child a,
.widget_nav_menu ul li:last-child a,
.widget_pages ul li:last-child a,
.widget_archive ul li:last-child a,
.widget_meta ul li:last-child a,
.widget_recent_entries ul li:last-child a {
    border: none
}

.widget_product_categories ul li:first-child>a,
.widget_categories ul li:first-child>a,
.widget_nav_menu ul li:first-child>a,
.widget_pages ul li:first-child>a,
.widget_archive ul li:first-child>a,
.widget_meta ul li:first-child>a,
.widget_recent_entries ul li:first-child>a {
    border-top: none
}

.widget_product_categories ul li.current-menu-item>a,
.widget_categories ul li.current-menu-item>a,
.widget_nav_menu ul li.current-menu-item>a,
.widget_pages ul li.current-menu-item>a,
.widget_archive ul li.current-menu-item>a,
.widget_meta ul li.current-menu-item>a,
.widget_recent_entries ul li.current-menu-item>a,
.widget_product_categories ul li.current-cat>a,
.widget_categories ul li.current-cat>a,
.widget_nav_menu ul li.current-cat>a,
.widget_pages ul li.current-cat>a,
.widget_archive ul li.current-cat>a,
.widget_meta ul li.current-cat>a,
.widget_recent_entries ul li.current-cat>a,
.widget_product_categories ul li.current-cat-parent>a,
.widget_categories ul li.current-cat-parent>a,
.widget_nav_menu ul li.current-cat-parent>a,
.widget_pages ul li.current-cat-parent>a,
.widget_archive ul li.current-cat-parent>a,
.widget_meta ul li.current-cat-parent>a,
.widget_recent_entries ul li.current-cat-parent>a,
.widget_product_categories ul li>a:hover,
.widget_categories ul li>a:hover,
.widget_nav_menu ul li>a:hover,
.widget_pages ul li>a:hover,
.widget_archive ul li>a:hover,
.widget_meta ul li>a:hover,
.widget_recent_entries ul li>a:hover {
    color: var(--primary-color)
}

.widget_product_categories ul li.current-menu-item>a:before,
.widget_categories ul li.current-menu-item>a:before,
.widget_nav_menu ul li.current-menu-item>a:before,
.widget_pages ul li.current-menu-item>a:before,
.widget_archive ul li.current-menu-item>a:before,
.widget_meta ul li.current-menu-item>a:before,
.widget_recent_entries ul li.current-menu-item>a:before,
.widget_product_categories ul li.current-cat>a:before,
.widget_categories ul li.current-cat>a:before,
.widget_nav_menu ul li.current-cat>a:before,
.widget_pages ul li.current-cat>a:before,
.widget_archive ul li.current-cat>a:before,
.widget_meta ul li.current-cat>a:before,
.widget_recent_entries ul li.current-cat>a:before,
.widget_product_categories ul li.current-cat-parent>a:before,
.widget_categories ul li.current-cat-parent>a:before,
.widget_nav_menu ul li.current-cat-parent>a:before,
.widget_pages ul li.current-cat-parent>a:before,
.widget_archive ul li.current-cat-parent>a:before,
.widget_meta ul li.current-cat-parent>a:before,
.widget_recent_entries ul li.current-cat-parent>a:before,
.widget_product_categories ul li>a:hover:before,
.widget_categories ul li>a:hover:before,
.widget_nav_menu ul li>a:hover:before,
.widget_pages ul li>a:hover:before,
.widget_archive ul li>a:hover:before,
.widget_meta ul li>a:hover:before,
.widget_recent_entries ul li>a:hover:before {
    opacity: 1;
    left: 0
}

.widget_product_categories ul li .children,
.widget_categories ul li .children,
.widget_nav_menu ul li .children,
.widget_pages ul li .children,
.widget_archive ul li .children,
.widget_meta ul li .children,
.widget_recent_entries ul li .children {
    border: none;
    padding: 0;
    padding-left: 15px
}

.widget_product_categories ul li .children li a,
.widget_categories ul li .children li a,
.widget_nav_menu ul li .children li a,
.widget_pages ul li .children li a,
.widget_archive ul li .children li a,
.widget_meta ul li .children li a,
.widget_recent_entries ul li .children li a {
    border-bottom: 1px solid #d5d5d5
}

.widget_product_categories ul li .sub-menu li a,
.widget_categories ul li .sub-menu li a,
.widget_nav_menu ul li .sub-menu li a,
.widget_pages ul li .sub-menu li a,
.widget_archive ul li .sub-menu li a,
.widget_meta ul li .sub-menu li a,
.widget_recent_entries ul li .sub-menu li a {
    border-bottom: 1px solid #d5d5d5
}

.widget_product_categories ul li>.sub-menu,
.widget_categories ul li>.sub-menu,
.widget_nav_menu ul li>.sub-menu,
.widget_pages ul li>.sub-menu,
.widget_archive ul li>.sub-menu,
.widget_meta ul li>.sub-menu,
.widget_recent_entries ul li>.sub-menu {
    border: none;
    padding: 0;
    padding-left: 15px
}

.widget_product_categories ul li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_categories ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_nav_menu ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_pages ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_archive ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_meta ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a,
.widget_recent_entries ul li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    margin-left: 0
}

.widget_product_categories ul>li:last-child,
.widget_categories ul>li:last-child,
.widget_nav_menu ul>li:last-child,
.widget_pages ul>li:last-child,
.widget_archive ul>li:last-child,
.widget_meta ul>li:last-child,
.widget_recent_entries ul>li:last-child {
    margin-bottom: 0
}

.widget_categories .widget-title,
.widget_tag_cloud .widget-title {
    margin-top: 45px
}

.widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.widget_tag_cloud a {
    font-size: 12px !important;
    font-style: normal;
    padding: 7px 16px;
    color: var(--link-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: rgba(11, 16, 48, 3%);
    text-transform: uppercase;
    letter-spacing: .7px;
    overflow: hidden;
    position: relative
}

.widget_tag_cloud a:before {
    content: '';
    position: absolute;
    left: -150%;
    bottom: -150%;
    background-color: rgba(11, 16, 48, .6);
    width: 150%;
    height: 150%;
    transform: rotate(45deg);
    border-radius: 0;
    transition: all .8s ease-in-out
}

.widget_tag_cloud a:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.widget_tag_cloud a:hover:before {
    left: 150%;
    bottom: 150%
}

.widget_pxl_recent_posts .widget-title {
    margin-top: 45px
}

.widget_pxl_recent_posts .pxl--items .pxl--item {
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    width: 100%;
    position: relative;
    gap: 15px;
    border-bottom: 1px solid rgba(11, 16, 48, .1);
    padding-bottom: 25px
}

.widget_pxl_recent_posts .pxl--items .pxl--item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--img {
    min-width: 100px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    position: relative;
    border-radius: 5px
}

@media(max-width:1199px) {
    .widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--img {
        min-width: 70px
    }
}

.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--img img {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--holder .pxl-item--date {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: rgba(11, 16, 48, .7);
    display: inline-flex;
    align-items: center;
    margin-bottom: 7px
}

.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--holder .pxl-item--title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 20px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width:1199px) {
    .widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--holder .pxl-item--title {
        font-size: 15px
    }
}

.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--holder .pxl-item--title a {
    color: var(--link-color);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.widget_pxl_recent_posts .pxl--items .pxl--item .pxl-item--holder .pxl-item--title a:hover {
    color: var(--primary-color)
}

.widget_pxl_elementor_box {
    position: relative;
    overflow: hidden
}

.widget_pxl_elementor_box .elementor {
    position: relative;
    z-index: 1
}

.widget_pxl_elementor_box .widget-title {
    display: none !important
}

.gallery {
    margin: -10px -5px 0 !important;
    display: flex;
    flex-wrap: wrap
}

.gallery .gallery-item {
    padding: 0 5px !important;
    margin: 24px 0 0 !important
}

.gallery .gallery-item img {
    border: none !important
}

.gallery.gallery-columns-2 .gallery-item {
    width: 50% !important
}

.gallery.gallery-columns-3 .gallery-item {
    width: 33.33% !important
}

.gallery.gallery-columns-4 .gallery-item {
    width: 25% !important
}

.gallery.gallery-columns-5 .gallery-item {
    width: 20% !important
}

#pxl-content-main .gallery {
    margin: -5px -12px 38px !important
}

#pxl-content-main .gallery .gallery-item {
    padding: 0 12px !important;
    margin: 24px 0 0 !important
}

.widget_media_gallery .gallery,
.elementor-widget-wp-widget-media_gallery .gallery,
.elementor-widget-image-gallery .gallery {
    margin: -10px -5px 0
}

.widget_media_gallery .gallery .gallery-item,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item,
.elementor-widget-image-gallery .gallery .gallery-item {
    padding: 0 5px;
    margin-top: 10px !important;
    margin-bottom: 0
}

.widget_media_gallery .gallery .gallery-item img,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item img,
.elementor-widget-image-gallery .gallery .gallery-item img {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
    border: none !important
}

.widget_media_gallery .gallery .gallery-item a,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a,
.elementor-widget-image-gallery .gallery .gallery-item a {
    display: block;
    position: relative
}

.widget_media_gallery .gallery .gallery-item a:before,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:before,
.elementor-widget-image-gallery .gallery .gallery-item a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .67);
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    opacity: 0;
    z-index: 1
}

.widget_media_gallery .gallery .gallery-item a:after,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:after,
.elementor-widget-image-gallery .gallery .gallery-item a:after {
    content: "\f12c";
    font-size: 15px;
    font-family: caseicon;
    color: #fff;
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    -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%);
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    opacity: 0;
    font-weight: 400
}

.widget_media_gallery .gallery .gallery-item a:hover:before,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:before,
.elementor-widget-image-gallery .gallery .gallery-item a:hover:before,
.widget_media_gallery .gallery .gallery-item a:hover:after,
.elementor-widget-wp-widget-media_gallery .gallery .gallery-item a:hover:after,
.elementor-widget-image-gallery .gallery .gallery-item a:hover:after {
    opacity: 1
}

.elementor-lightbox .swiper-container .elementor-lightbox-image {
    width: auto;
    height: auto
}

.elementor-lightbox .swiper-container .swiper-slide {
    background-color: initial
}

.pxl-gallery {
    margin: -8px -15px 30px;
    display: flex;
    flex-wrap: wrap
}

.pxl-gallery img {
    width: 100%
}

.pxl-gallery .pxl--item {
    padding: 30px 15px 0
}

.pxl-gallery .pxl--item-inner {
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    overflow: hidden;
    position: relative
}

.pxl-gallery .pxl--item-inner.video-active:before {
    background-color: rgba(27, 27, 27, .5)
}

.pxl-gallery .pxl--item-inner .pxl-btn-video {
    position: absolute;
    top: 50%;
    left: 50%;
    -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%);
    z-index: 99
}

.pxl-gallery.gallery-2-columns .pxl--item {
    width: 50%
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-2-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.gallery-3-columns .pxl--item {
    width: 33.33%
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-3-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.gallery-4-columns .pxl--item {
    width: 25%
}

@media screen and (max-width:767px) {
    .pxl-gallery.gallery-4-columns .pxl--item {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-4-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.gallery-5-columns .pxl--item {
    width: 20%
}

@media screen and (max-width:767px) {
    .pxl-gallery.gallery-5-columns .pxl--item {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .pxl-gallery.gallery-5-columns .pxl--item {
        width: 100%
    }
}

.pxl-gallery.masonry-style1 .pxl--item-inner {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.calendar_wrap caption {
    margin-bottom: 10px
}

.widget_recent_comments ul,
.widget_recent_comments ol {
    list-style: none;
    font-size: 17px;
    line-height: 1.4;
    color: #555;
    font-weight: 400;
    text-transform: capitalize
}

.widget_recent_comments ul a,
.widget_recent_comments ol a {
    color: var(--link-color)
}

.widget_recent_comments ul a:hover,
.widget_recent_comments ol a:hover {
    color: var(--link-color)
}

.widget_recent_comments ul li+li,
.widget_recent_comments ol li+li {
    margin-top: 18px
}

.widget_rss ul,
.widget_rss ol {
    margin: 0;
    list-style: none
}

.widget_rss .rsswidget {
    display: block;
    font-size: 17px;
    line-height: 1.4;
    color: var(--link-color);
    font-weight: 400;
    text-transform: capitalize
}

.widget_rss .rsswidget:hover {
    color: var(--link-color)
}

.widget_rss .rsswidget.rss-widget-title {
    color: inherit;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase
}

.widget_rss .rss-date {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #777;
    display: block;
    margin-top: 4px;
    margin-bottom: 10px
}

.widget_rss li+li {
    margin-top: 5px
}

.widget_rss cite {
    display: block;
    margin-top: 4px;
    color: var(--primary-color)
}

.widget_block ul,
.widget_block ol {
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.widget_block .wp-block-search__label,
.widget_block .wp-block-group__inner-container>h2 {
    display: flex;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    color: var(--link-color);
    text-transform: capitalize;
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 1.2;
    position: relative
}

.widget_block .wp-block-search__label:before,
.widget_block .wp-block-group__inner-container>h2:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 33px;
    height: 2px;
    background-color: var(--primary-color)
}

.widget_block .wp-block-latest-posts__list,
.widget_block .wp-block-latest-comments {
    font-size: 16px;
    line-height: 1.4;
    color: var(--link-color);
    font-weight: 600;
    text-transform: capitalize
}

.widget_block .wp-block-latest-posts__list a,
.widget_block .wp-block-latest-comments a {
    color: inherit
}

.widget_block .wp-block-latest-posts__list a:hover,
.widget_block .wp-block-latest-comments a:hover {
    color: var(--primary-color)
}

.widget_block .wp-block-latest-posts__list li+li,
.widget_block .wp-block-latest-comments li+li {
    margin-top: 18px
}

.widget_block .wp-block-latest-comments {
    color: #686877
}

.widget_block .wp-block-latest-comments a {
    color: var(--link-color)
}

.widget_block .wp-block-latest-comments a:hover {
    color: var(--primary-color)
}

.widget_block.widget_search .wp-block-search__inside-wrapper {
    position: relative
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button {
    height: 58px;
    width: 80px;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    top: 50%;
    right: 0;
    -webkit-border-radius: 0 100px 100px 0;
    -khtml-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
    padding: 0;
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    box-shadow: 0 10px 20px rgba(0, 180, 216, .3)
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:after {
    display: none
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button i {
    line-height: 1;
    background-color: unset;
    color: var(--link-color);
    font-size: 15px
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button i svg {
    height: 17px;
    width: auto
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button i svg path {
    fill: var(--link-color)
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:hover i {
    color: var(--link-color)
}

.widget_block.widget_search .wp-block-search__inside-wrapper .wp-block-search__button:before {
    content: "\f12c";
    font-family: Caseicon;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -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%)
}

.widget_archive .nice-select ul.list {
    max-width: 320px
}

.wp-calendar-table {
    background-color: #fff
}

.pxl-wg-categories {
    margin: -20px -10px 0;
    display: flex;
    flex-wrap: wrap
}

.pxl-wg-categories .pxl-category {
    padding: 0 10px;
    margin-top: 20px
}

.pxl-wg-categories .pxl-category--inner {
    min-height: 90px;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media screen and (max-width:575px) {
    .pxl-wg-categories .pxl-category--inner {
        min-height: 120px
    }
}

.pxl-wg-categories .pxl-category--inner:before {
    content: '';
    background-color: rgba(0, 0, 0, .36);
    z-index: 12
}

.pxl-wg-categories .pxl-category--inner a {
    z-index: 99
}

.pxl-wg-categories .pxl-category--inner span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 88
}

.pxl-wg-categories .pxl-category--inner .pxl-category--img {
    z-index: 11;
    -webkit-transition: all .5s ease;
    -khtml-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    transform: scale(1.01, 1.01)
}

.pxl-wg-categories .pxl-category--inner:hover .pxl-category--img {
    -webkit-transform: scale(1.07, 1.07);
    transform: scale(1.07, 1.07)
}

.pxl-wg-categories.columns-2 .pxl-category {
    width: 50%
}

@media screen and (max-width:575px) {
    .pxl-wg-categories.columns-2 .pxl-category {
        width: 100%
    }
}

.pxl-contact-info-widget {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 62px 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, .8)
}

.pxl-contact-info-widget .pxl-phone--number {
    margin-bottom: 16px;
    color: #fff;
    font-size: 34px;
    font-weight: 800
}

@media screen and (max-width:1200px) {
    .pxl-contact-info-widget .pxl-phone--number {
        font-size: 28px
    }
}

.pxl-contact-info-widget .pxl-item--icon {
    height: 62px;
    width: 62px;
    background-color: red;
    border-radius: 62px;
    font-size: 34px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-bottom: 23px
}

.pxl-contact-info-widget .pxl-item--icon:before {
    content: '';
    background-color: #020626;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: 100%;
    z-index: -1
}

.pxl-contact-info-widget .pxl-item--icon i.active {
    animation: pxl_zigzag .8s ease-out infinite;
    -webkit-animation: pxl_zigzag .8s ease-out infinite
}

.pxl-contact-info-widget .pxl-phone--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-contact-info-widget:before {
    z-index: -1;
    background-color: rgba(2, 6, 38, .85)
}

body.rtl .widget .widget-title {
    padding-left: 0;
    padding-right: 42px
}

body.rtl .widget .widget-title:before {
    left: auto;
    right: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-o-placeholder,
textarea::-o-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input::-ms-placeholder,
textarea::-ms-placeholder {
    color: inherit;
    opacity: 1;
    text-overflow: ellipsis
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=tel],
input[type=number],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select,
.pxl-select-higthlight,
.nice-select {
    color: #686877;
    padding: 0 20px;
    line-height: 1.2;
    height: 54px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
    outline: none;
    border: 1px solid #a6dae5;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    color: #686877;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .084px;
    background-color: #fff
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus,
.pxl-select-higthlight:focus,
.nice-select:focus {
    outline: 0;
    color: var(--primary-color);
    border-color: var(--primary-color)
}

input[type=range] {
    padding: 0;
    background-color: initial;
    height: auto;
    border: none
}

textarea {
    padding: 15px 20px;
    height: 122px;
    margin: 0
}

.comments-area {
    padding-top: 85px
}

@media(max-width:767px) {
    .comments-area {
        padding-top: 50px
    }
}

.comments-area .comments-title {
    font-size: 34px;
    margin-bottom: 30px
}

.comments-area .comment-respond .logged-in-as {
    font-size: 1rem;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 15px
}

.comments-area .comment-respond .logged-in-as p {
    margin-bottom: 0
}

.comments-area .comment-respond .logged-in-as a {
    color: inherit
}

.comments-area .comment-respond .logged-in-as a:hover {
    color: var(--link-color)
}

.comments-area .comment-respond .logged-in-as a:nth-child(2) {
    font-weight: 500;
    text-decoration: underline
}

.comments-area .no-comments {
    display: none
}

.comment-form .container {
    padding: 0
}

.comment-input {
    position: relative
}

.comment-input svg {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    fill: var(--link-color)
}

.comment-input svg path {
    fill: var(--link-color)
}

.comment-form-comment {
    position: relative
}

.comment-form-comment svg {
    position: absolute;
    top: 19px;
    left: 20px;
    fill: var(--link-color)
}

.comment-form-comment svg path {
    fill: var(--link-color)
}

.comment-input,
.comment-form-comment {
    width: 100%;
    margin-bottom: 23px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.comment-input:hover .comment-text,
.comment-form-comment:hover .comment-text,
.comment-input:focus .comment-text,
.comment-form-comment:focus .comment-text,
.comment-input:active .comment-text,
.comment-form-comment:active .comment-text {
    color: var(--primary-color)
}

.comment-input .comment-text,
.comment-form-comment .comment-text {
    font-size: 14px;
    color: #494949;
    margin-bottom: 8px
}

.comment-input input,
.comment-form-comment input {
    height: 55px
}

.comment-input textarea,
.comment-form-comment textarea {
    height: 120px;
    padding-top: 15px !important;
    border-radius: 20px !important
}

.comment-input input,
.comment-form-comment input,
.comment-input textarea,
.comment-form-comment textarea {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #686877;
    background-color: unset;
    padding: 0;
    border: 1px solid #a6dae5;
    border-radius: 30px;
    padding: 0 20px
}

.comment-input input:focus,
.comment-form-comment input:focus,
.comment-input textarea:focus,
.comment-form-comment textarea:focus {
    border-color: var(--primary-color);
    color: var(--link-color)
}

.comment-list {
    padding: 0;
    list-style: none;
    margin-bottom: 80px
}

.comment-list li {
    padding-top: 30px
}

.comment-list li .children {
    margin-bottom: 0
}

.comment-list li .children li {
    list-style: none;
    padding-left: 90px
}

@media screen and (max-width:1200px) {
    .comment-list li .children li {
        padding-left: 0
    }
}

.comment-list>li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.comment-list>li:last-child {
    margin-bottom: 0
}

.comment-list>li>.children>li>.children>li>.children>li>.children {
    padding-left: 0
}

.comment-list>li>.children>li>.children>li>.children>li>.children .children {
    padding-left: 0
}

.comment-list #respond {
    margin-top: 28px;
    margin-bottom: 40px
}

.comment-list #respond .comment-reply-title {
    font-size: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.comment-image img {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 90px;
    min-width: 90px
}

.comment-title {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--link-color);
    text-transform: capitalize
}

@media screen and (max-width:767px) {
    .comment-title {
        font-size: 16px
    }
}

.comment-title a {
    color: inherit
}

.comment-title a:hover {
    color: inherit
}

.comment-date {
    font-size: 15px;
    font-weight: 400;
    color: rgba(11, 16, 48, .6);
    margin-bottom: 0;
    display: block;
    position: relative
}

.comment-date:before {
    content: '-';
    position: absolute;
    left: -11px;
    top: 50%;
    transform: translate(0, -50%)
}

.comment-text {
    margin-bottom: 15px
}

.comment-text p {
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .comment-content {
        font-size: 16px;
        line-height: 1.625
    }
}

.comment-content a {
    word-wrap: break-word
}

.comment-content .comment-list {
    color: inherit;
    font-size: 15px;
    color: #555
}

.comment-content .comment-list p:last-child {
    margin-bottom: 0
}

.comment-content .comment-list ol,
.comment-content .comment-list ul {
    margin-bottom: 32px
}

.comment-content .comment-list ol ul,
.comment-content .comment-list ul ul,
.comment-content .comment-list ol ol,
.comment-content .comment-list ul ol {
    margin-bottom: 0
}

.comment-content .comment-list ul li {
    list-style: outside
}

.comment-content .comment-list img {
    margin: 6px 0
}

.comment-reply a {
    color: #03045e;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.comment-reply a:hover {
    color: var(--primary-color)
}

.comment-inner {
    display: flex;
    flex-direction: row;
    gap: 30px;
    position: relative;
    border-bottom: 1px solid rgba(11, 16, 48, .1);
    padding-bottom: 30px
}

@media screen and (max-width:575px) {
    .comment-inner {
        flex-direction: column
    }
}

.comment-content {
    position: relative;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available
}

.comment-holder {
    margin-bottom: 2px
}

@media screen and (max-width:575px) {
    .comment-holder {
        display: block
    }
}

.comment-meta {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 20px
}

.comment-respond {
    position: relative
}

.comment-form {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.comment-form>.container {
    order: 2
}

.comment-form .comment-form-comment {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    order: 3;
    margin-bottom: 20px
}

.comment-form .comment-form-cookies-consent {
    order: -1;
    margin-left: 15px
}

.comment-form .form-submit {
    order: 5;
    margin-bottom: 0;
    width: 100%
}

.comment-form .form-submit .btn-form-submit {
    padding: 0 50px !important;
    line-height: 58px
}

.single-post .comment-form .row {
    margin: 0 -15px
}

.single-post .comment-form .row>div {
    margin-bottom: 20px;
    padding: 0 15px
}

.comment-form-cookies-consent {
    font-size: 1rem;
    line-height: 1.625;
    font-style: italic;
    padding-left: 26px;
    position: relative;
    margin-top: 0;
    margin-bottom: 17px;
    color: #686877
}

.comment-form-cookies-consent input,
.comment-form-cookies-consent label:before,
.comment-form-cookies-consent label:after {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 4px;
    cursor: pointer
}

.comment-form-cookies-consent label {
    cursor: pointer
}

.comment-form-cookies-consent label:before {
    content: '';
    z-index: 1;
    background-color: #e9e9e9;
    border-radius: 0
}

.comment-form-cookies-consent label:after {
    content: '\f112';
    font-family: caseicon;
    font-weight: 400;
    z-index: 2;
    font-size: 8px;
    color: #000;
    opacity: 0;
    line-height: 12px;
    text-align: center;
    top: 5px
}

.comment-form-cookies-consent input {
    z-index: 99;
    opacity: 0;
    margin: 0
}

.comment-form-cookies-consent input:checked+label:after {
    opacity: 1
}

.pxl-select {
    width: 100%;
    position: relative
}

.pxl-select .pxl-select-hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.pxl-select .pxl-select-options {
    max-height: 282px;
    overflow-y: scroll;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    margin: 10px 0 0;
    padding: 10px 5px;
    background-color: #fff;
    z-index: 900;
    font-size: 14px;
    color: #666;
    font-family: inherit;
    box-shadow: 0 3px 65px rgba(0, 0, 0, 8%);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    margin-top: 30px;
    visibility: hidden
}

.pxl-select .pxl-select-options li {
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    line-height: normal !important;
    border-radius: 0
}

.pxl-select .pxl-select-options li:first-child {
    display: none
}

.pxl-select .pxl-select-options li:hover {
    color: #0a1320;
    background-color: rgba(10, 19, 32, 6%)
}

.pxl-select .pxl-select-higthlight {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative
}

.pxl-select .pxl-select-higthlight:before {
    content: "\f150";
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #999;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    font-family: Caseicon;
    position: absolute;
    top: 50%;
    right: 15px;
    -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%);
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-select .pxl-select-higthlight.active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.pxl-select .pxl-select-higthlight.active+.pxl-select-options {
    opacity: 1;
    margin-top: 0;
    visibility: visible
}

.pxl-select .pxl-select-higthlight.active:before {
    transform: translate(0, -50%)scaleY(-1)
}

.pxl-form-date .wpcf7-form-control-wrap:after,
.pxl-form-date .pxl-item-group:after {
    content: "\f150";
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #2d2d2d;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    font-family: Caseicon;
    position: absolute;
    top: 50%;
    right: 10px;
    -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%);
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    z-index: -1
}

.nice-select {
    position: relative;
    padding-right: 44px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    border-radius: 0
}

.nice-select:before {
    content: "\f150";
    font-family: Caseicon;
    width: 28px;
    height: 28px;
    border-radius: 28px;
    color: #2d2d2d;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    -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%);
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.nice-select ul.list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    list-style: none;
    margin: 30px 0 0;
    padding: 12px 15px;
    background-color: #fff;
    z-index: 101;
    font-size: 16px;
    color: #666;
    font-family: inherit;
    box-shadow: 0 3px 65px rgba(0, 0, 0, 8%);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    visibility: hidden;
    max-width: 350px;
    max-height: 246px;
    overflow-y: auto
}

.nice-select ul.list li {
    padding: 9px 8px;
    cursor: pointer;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    line-height: normal !important
}

.nice-select ul.list li:hover {
    color: #101010;
    background-color: rgba(0, 0, 0, 4%)
}

.nice-select.open:before {
    transform: translate(0, -50%)scaleY(-1)
}

.nice-select.open ul.list {
    opacity: 1;
    margin-top: 0;
    visibility: visible
}

.comment-reply-title {
    align-items: center;
    margin-bottom: 20px
}

.comment-reply-title:after {
    display: none
}

.comment-reply-title small a {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 36px;
    padding: 0 22px;
    background-color: var(--link-color);
    display: inline-flex;
    margin: 0 12px;
    border-radius: 50px
}

.post-password-form {}

.post-password-form input[type=password] {
    margin-top: 6px
}

.post-password-form input[type=submit] {
    margin-top: 10px
}

.select2 .select2-selection--single {
    border: 1px solid #2d2d2d;
    height: 51px
}

.select2 .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    line-height: 51px
}

.select2 .select2-selection--single .select2-selection__arrow {
    right: 8px;
    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%)
}

form .select2-container--default {
    width: 100% !important
}

form .select2-container--default .select2-selection {
    height: 60px;
    background-color: #f5f6f6;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    border: none
}

form .select2-container--default .select2-selection .select2-selection__rendered {
    line-height: 60px;
    padding-left: 22px;
    font-size: 16px;
    color: #646464
}

form .select2-container--default .select2-selection .select2-selection__arrow {
    right: 20px;
    top: 50%;
    color: #646464
}

form .select2-container--default .select2-selection .select2-selection__clear {
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 30px;
    text-align: center;
    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%);
    width: 20px;
    color: #5d5d60
}

form .select2-container--default .select2-selection .select2-selection__placeholder {
    color: inherit
}

.select2-container.select2-container--open {}

.select2-container.select2-container--open .select2-dropdown {
    border-color: #e7e8e9
}

.select2-container.select2-container--open .select2-dropdown .select2-search__field {
    border: 1px solid #e7e8e9;
    padding-left: 15px;
    padding-right: 15px
}

.select2-container.select2-container--open .select2-results .select2-results__option {
    font-size: 15px
}

.select2-container.select2-container--open .select2-results li.select2-results__option--highlighted {
    background-color: var(--primary-color)
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: var(--primary-color) !important
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover,
body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: var(--secondary-color) !important;
    -webkit-box-shadow: none !important;
    -khtml-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,
body .xdsoft_timepicker .xdsoft_time_variant .xdsoft_current {
    background-color: var(--primary-color) !important;
    -webkit-box-shadow: none !important;
    -khtml-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
    color: #fff !important
}

body .xdsoft_datetimepicker {
    font-family: inherit;
    border: none;
    -webkit-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .12);
    -khtml-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .12);
    -o-box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .12)
}

body .xdsoft_datetimepicker .xdsoft_calendar th {
    background-color: #f3f3f3;
    color: #444
}

body .xdsoft_datetimepicker .xdsoft_calendar td {
    border-color: #ebebeb;
    height: 30px;
    background-color: #f7f7f7
}

@media screen and (min-width:1201px) {
    body .xdsoft_datetimepicker .xdsoft_calendar td {
        height: 36px
    }
}

body .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding: 0;
    text-align: center
}

body .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 230px
}

@media screen and (min-width:1201px) {
    body .xdsoft_datetimepicker .xdsoft_datepicker {
        width: 305px
    }
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background-color: var(--primary-color);
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.search-no-results #pxl-main {
    min-height: calc(100vh - 308px)
}

.search-no-results .pxl-content-wrap.no-sidebar .no-results.not-found {
    max-width: 780px;
    margin: auto
}

.search-no-results .search-form .searchform-wrap {
    position: relative
}

.search-no-results .search-form .searchform-wrap .search-submit {
    padding: 0;
    position: absolute;
    border-radius: 13px
}

.search-no-results .search-form .searchform-wrap .search-submit:hover {
    color: var(--primary-color)
}

.pxl-file-upload-wrapper {
    position: relative;
    display: inline-flex;
    flex-direction: row-reverse;
    padding-bottom: 10px
}

@media screen and (max-width:767px) {
    .pxl-file-upload-wrapper {
        display: block
    }
}

.pxl-file-upload-wrapper .pxl-file-upload-button {
    white-space: nowrap;
    line-height: 52px;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
    background: #16232b;
    padding: 0 38px
}

@media screen and (max-width:767px) {
    .pxl-file-upload-wrapper .pxl-file-upload-button {
        padding-left: 24px;
        padding-right: 24px
    }
}

.pxl-file-upload-wrapper .pxl-file-upload-button:hover {
    background: #222
}

.pxl-file-upload-wrapper .pxl-file-upload-input {
    width: auto;
    font-size: 16px;
    color: #0a1320;
    background: 0 0;
    font-weight: 500;
    padding: 0 22px;
    height: 52px
}

@media screen and (max-width:767px) {
    .pxl-file-upload-wrapper .pxl-file-upload-input {
        padding: 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body:not(.rtl) .ltr-reverse {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl {
    direction: rtl;
    unicode-bidi: embed;
    text-align: right
}

body.rtl .rtl-icon {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block
}

body.rtl .rtl-reverse {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl .pxl-icon-reverse {
    -webkit-transform: scaleX(1);
    -khtml-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

body.rtl .pxl-text-left {
    text-align: right
}

body.rtl .pxl-text-right {
    text-align: left
}

@media screen and (min-width:1201px) {
    body.rtl .pxl-nav-menu .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
        margin-left: 0;
        margin-right: 8px
    }

    body.rtl .pxl-menu-primary .sub-menu,
    body.rtl .pxl-menu-primary .children {
        text-align: right
    }

    body.rtl .pxl-menu-primary li a span:before {
        left: auto;
        right: 0
    }

    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu),
    body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) {
        left: auto;
        right: 0;
        text-align: right
    }

    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu) li>.sub-menu,
    body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) li>.sub-menu,
    body.rtl .pxl-menu-primary>li>.sub-menu:not(.pxl-mega-menu) li>.children,
    body.rtl .pxl-menu-primary>li>.children:not(.pxl-mega-menu) li>.children {
        left: auto;
        right: 100%;
        text-align: right
    }

    body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children>a::after {
        content: "\f136";
        right: auto;
        left: 0
    }

    body.rtl .pxl-nav-menu.hv-style1 .pxl-menu-primary>li>a::before {
        left: auto;
        right: 0
    }
}

@media screen and (max-width:1200px) {

    body.rtl #pxl-header-default #pxl-nav-mobile,
    body.rtl #pxl-header-elementor #pxl-nav-mobile {
        right: auto;
        left: 15px
    }

    body.rtl .pxl-header-menu {
        left: auto;
        right: 0;
        -webkit-transform: translateX(100%);
        -khtml-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }

    body.rtl .pxl-header-menu.active {
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%)
    }

    body.rtl .pxl-menu-toggle,
    body.rtl .pxl-menu-close,
    body.rtl .pxl-header-mobile-search .search-submit {
        right: auto;
        left: 0
    }

    body.rtl .pxl-menu-primary .sub-menu li a,
    body.rtl .pxl-menu-primary .children li a {
        padding-left: 0;
        padding-right: 14px
    }

    body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading {
        padding-left: 0;
        padding-right: 14px
    }
}

body.rtl #pxl-search-popup .pxl-item--conent form .search-submit {
    right: auto;
    left: 0;
    text-align: left
}

body.rtl .pxl---post .pxl-item--meta li {
    margin-right: 0;
    margin-left: 20px
}

body.rtl .pxl---post .pxl-item--meta li i {
    margin-right: 0;
    margin-left: 8px
}

body.rtl blockquote {
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 0
}

body.rtl blockquote:before {
    left: auto;
    right: 0
}

body.rtl .pxl--post-footer label {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .pxl--post-footer .pxl--tags {
    margin-right: 0;
    margin-left: 30px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--img {
    margin-right: 0;
    margin-left: 22px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i {
    margin-right: 0;
    margin-left: 4px
}

body.rtl .pxl-post--navigation .pxl--item-prev .pxl--label i:before {
    content: "\f134"
}

body.rtl .pxl-post--navigation .pxl--item-next {
    text-align: left
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--img {
    margin-left: 0;
    margin-right: 22px
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i {
    margin-left: 0;
    margin-right: 4px
}

body.rtl .pxl-post--navigation .pxl--item-next .pxl--label i:before {
    content: "\f13a"
}

body.rtl .pxl---post .pxl-item--meta::before {
    right: 0;
    left: auto
}

body.rtl .comment-inner img.avatar {
    margin-right: 0;
    margin-left: 18px
}

body.rtl .comment-reply {
    right: auto;
    left: 23px
}

body.rtl .comment-reply a i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-left: 0;
    margin-right: 5px
}

body.rtl .comment-form-cookies-consent {
    padding-left: 0;
    padding-right: 32px
}

body.rtl .comment-form-cookies-consent input,
body.rtl .comment-form-cookies-consent label::before,
body.rtl .comment-form-cookies-consent label::after {
    left: auto;
    right: 0
}

body.rtl .comment-list li .comment-respond {
    margin-left: 0;
    margin-right: 130px
}

@media screen and (max-width:767px) {
    body.rtl .comment-list li .comment-respond {
        margin-left: 0;
        margin-right: 78px
    }
}

@media screen and (max-width:575px) {
    body.rtl .comment-list li .comment-respond {
        margin-right: 0
    }
}

body.rtl .comment-list li .children {
    padding-right: 120px;
    padding-left: 0
}

@media screen and (max-width:767px) {
    body.rtl .comment-list li .children {
        padding-right: 78px;
        padding-left: 0
    }
}

@media screen and (max-width:575px) {
    body.rtl .comment-list li .children {
        padding-right: 0
    }
}

body.rtl .comment-reply-title small {
    margin-left: 0;
    margin-right: 10px
}

body.rtl .pxl-pagination-wrap .page-numbers i {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

body.rtl .widget-title::before,
body.rtl .comment-reply-title::before,
body.rtl .comments-title::before {
    left: auto;
    right: 0
}

body.rtl .widget_product_categories ul li a:after,
body.rtl .widget_categories ul li a:after,
body.rtl .widget_nav_menu ul li a:after,
body.rtl .widget_pages ul li a:after,
body.rtl .widget_archive ul li a:after,
body.rtl .widget_meta ul li a:after,
body.rtl .widget_recent_entries ul li a:after {
    right: auto;
    left: 24px;
    transform: translate(0, -50%)scaleX(-1)
}

body.rtl .widget_search .search-submit {
    right: auto;
    left: 0
}

.pxl-mr-3 {
    margin-right: 3px
}

.pxl-mr-4 {
    margin-right: 4px
}

.pxl-mr-5 {
    margin-right: 5px
}

.pxl-mr-6 {
    margin-right: 6px
}

.pxl-mr-7 {
    margin-right: 7px
}

.pxl-mr-8 {
    margin-right: 8px
}

.pxl-mr-9 {
    margin-right: 9px
}

.pxl-mr-10 {
    margin-right: 10px
}

.pxl-mr-11 {
    margin-right: 11px
}

.pxl-mr-12 {
    margin-right: 12px
}

.pxl-mr-13 {
    margin-right: 13px
}

.pxl-mr-14 {
    margin-right: 14px
}

.pxl-mr-15 {
    margin-right: 15px
}

.pxl-mr-16 {
    margin-right: 16px
}

.pxl-mr-17 {
    margin-right: 17px
}

.pxl-mr-18 {
    margin-right: 18px
}

.pxl-mr-19 {
    margin-right: 19px
}

.pxl-mr-20 {
    margin-right: 20px
}

.pxl-mr-21 {
    margin-right: 21px
}

.pxl-mr-22 {
    margin-right: 22px
}

.pxl-mr-23 {
    margin-right: 23px
}

.pxl-mr-24 {
    margin-right: 24px
}

.pxl-mr-25 {
    margin-right: 25px
}

.pxl-mr-26 {
    margin-right: 26px
}

.pxl-mr-27 {
    margin-right: 27px
}

.pxl-mr-28 {
    margin-right: 28px
}

.pxl-mr-29 {
    margin-right: 29px
}

.pxl-mr-30 {
    margin-right: 30px
}

.pxl-mr-31 {
    margin-right: 31px
}

.pxl-mr-32 {
    margin-right: 32px
}

.pxl-mr-33 {
    margin-right: 33px
}

.pxl-mr-34 {
    margin-right: 34px
}

.pxl-mr-35 {
    margin-right: 35px
}

.pxl-mr-36 {
    margin-right: 36px
}

.pxl-mr-37 {
    margin-right: 37px
}

.pxl-mr-38 {
    margin-right: 38px
}

.pxl-mr-39 {
    margin-right: 39px
}

.pxl-mr-40 {
    margin-right: 40px
}

.pxl-mr-49 {
    margin-right: 49px
}

.pxl-ml-3 {
    margin-left: 3px
}

.pxl-ml-4 {
    margin-left: 4px
}

.pxl-ml-5 {
    margin-left: 5px
}

.pxl-ml-6 {
    margin-left: 6px
}

.pxl-ml-7 {
    margin-left: 7px
}

.pxl-ml-8 {
    margin-left: 8px
}

.pxl-ml-9 {
    margin-left: 9px
}

.pxl-ml-10 {
    margin-left: 10px
}

.pxl-ml-11 {
    margin-left: 11px
}

.pxl-ml-12 {
    margin-left: 12px
}

.pxl-ml-13 {
    margin-left: 13px
}

.pxl-ml-14 {
    margin-left: 14px
}

.pxl-ml-15 {
    margin-left: 15px
}

.pxl-ml-16 {
    margin-left: 16px
}

.pxl-ml-17 {
    margin-left: 17px
}

.pxl-ml-18 {
    margin-left: 18px
}

.pxl-ml-19 {
    margin-left: 19px
}

.pxl-ml-20 {
    margin-left: 20px
}

.pxl-ml-21 {
    margin-left: 21px
}

.pxl-ml-22 {
    margin-left: 22px
}

.pxl-ml-23 {
    margin-left: 23px
}

.pxl-ml-24 {
    margin-left: 24px
}

.pxl-ml-25 {
    margin-left: 25px
}

.pxl-ml-26 {
    margin-left: 26px
}

.pxl-ml-27 {
    margin-left: 27px
}

.pxl-ml-28 {
    margin-left: 28px
}

.pxl-ml-29 {
    margin-left: 29px
}

.pxl-ml-30 {
    margin-left: 30px
}

.pxl-ml-31 {
    margin-left: 31px
}

.pxl-ml-32 {
    margin-left: 32px
}

.pxl-ml-33 {
    margin-left: 33px
}

.pxl-ml-34 {
    margin-left: 34px
}

.pxl-ml-35 {
    margin-left: 35px
}

.pxl-ml-36 {
    margin-left: 36px
}

.pxl-ml-37 {
    margin-left: 37px
}

.pxl-ml-38 {
    margin-left: 38px
}

.pxl-ml-39 {
    margin-left: 39px
}

.pxl-ml-40 {
    margin-left: 40px
}

.pxl-ml-49 {
    margin-left: 49px
}

.pxl-pr-3 {
    padding-right: 3px
}

.pxl-pr-4 {
    padding-right: 4px
}

.pxl-pr-5 {
    padding-right: 5px
}

.pxl-pr-6 {
    padding-right: 6px
}

.pxl-pr-7 {
    padding-right: 7px
}

.pxl-pr-8 {
    padding-right: 8px
}

.pxl-pr-9 {
    padding-right: 9px
}

.pxl-pr-10 {
    padding-right: 10px
}

.pxl-pr-11 {
    padding-right: 11px
}

.pxl-pr-12 {
    padding-right: 12px
}

.pxl-pr-13 {
    padding-right: 13px
}

.pxl-pr-14 {
    padding-right: 14px
}

.pxl-pr-15 {
    padding-right: 15px
}

.pxl-pr-16 {
    padding-right: 16px
}

.pxl-pr-17 {
    padding-right: 17px
}

.pxl-pr-18 {
    padding-right: 18px
}

.pxl-pr-19 {
    padding-right: 19px
}

.pxl-pr-20 {
    padding-right: 20px
}

.pxl-pr-21 {
    padding-right: 21px
}

.pxl-pr-22 {
    padding-right: 22px
}

.pxl-pr-23 {
    padding-right: 23px
}

.pxl-pr-24 {
    padding-right: 24px
}

.pxl-pr-25 {
    padding-right: 25px
}

.pxl-pr-26 {
    padding-right: 26px
}

.pxl-pr-27 {
    padding-right: 27px
}

.pxl-pr-28 {
    padding-right: 28px
}

.pxl-pr-29 {
    padding-right: 29px
}

.pxl-pr-30 {
    padding-right: 30px
}

.pxl-pr-31 {
    padding-right: 31px
}

.pxl-pr-32 {
    padding-right: 32px
}

.pxl-pr-33 {
    padding-right: 33px
}

.pxl-pr-34 {
    padding-right: 34px
}

.pxl-pr-35 {
    padding-right: 35px
}

.pxl-pr-36 {
    padding-right: 36px
}

.pxl-pr-37 {
    padding-right: 37px
}

.pxl-pr-38 {
    padding-right: 38px
}

.pxl-pr-39 {
    padding-right: 39px
}

.pxl-pr-40 {
    padding-right: 40px
}

.pxl-pr-60 {
    padding-right: 60px
}

.pxl-pl-3 {
    padding-left: 3px
}

.pxl-pl-4 {
    padding-left: 4px
}

.pxl-pl-5 {
    padding-left: 5px
}

.pxl-pl-6 {
    padding-left: 6px
}

.pxl-pl-7 {
    padding-left: 7px
}

.pxl-pl-8 {
    padding-left: 8px
}

.pxl-pl-9 {
    padding-left: 9px
}

.pxl-pl-10 {
    padding-left: 10px
}

.pxl-pl-11 {
    padding-left: 11px
}

.pxl-pl-12 {
    padding-left: 12px
}

.pxl-pl-13 {
    padding-left: 13px
}

.pxl-pl-14 {
    padding-left: 14px
}

.pxl-pl-15 {
    padding-left: 15px
}

.pxl-pl-16 {
    padding-left: 16px
}

.pxl-pl-17 {
    padding-left: 17px
}

.pxl-pl-18 {
    padding-left: 18px
}

.pxl-pl-19 {
    padding-left: 19px
}

.pxl-pl-20 {
    padding-left: 20px
}

.pxl-pl-21 {
    padding-left: 21px
}

.pxl-pl-22 {
    padding-left: 22px
}

.pxl-pl-23 {
    padding-left: 23px
}

.pxl-pl-24 {
    padding-left: 24px
}

.pxl-pl-25 {
    padding-left: 25px
}

.pxl-pl-26 {
    padding-left: 26px
}

.pxl-pl-27 {
    padding-left: 27px
}

.pxl-pl-28 {
    padding-left: 28px
}

.pxl-pl-29 {
    padding-left: 29px
}

.pxl-pl-30 {
    padding-left: 30px
}

.pxl-pl-31 {
    padding-left: 31px
}

.pxl-pl-32 {
    padding-left: 32px
}

.pxl-pl-33 {
    padding-left: 33px
}

.pxl-pl-34 {
    padding-left: 34px
}

.pxl-pl-35 {
    padding-left: 35px
}

.pxl-pl-36 {
    padding-left: 36px
}

.pxl-pl-37 {
    padding-left: 37px
}

.pxl-pl-38 {
    padding-left: 38px
}

.pxl-pl-39 {
    padding-left: 39px
}

.pxl-pl-40 {
    padding-left: 40px
}

.pxl-l-0 {
    left: 0
}

.pxl-l-1 {
    left: 1px
}

.pxl-l-2 {
    left: 2px
}

.pxl-l-3 {
    left: 3px
}

.pxl-l-4 {
    left: 4px
}

.pxl-l-5 {
    left: 5px
}

.pxl-l-6 {
    left: 6px
}

.pxl-l-7 {
    left: 7px
}

.pxl-l-8 {
    left: 8px
}

.pxl-l-9 {
    left: 9px
}

.pxl-l-10 {
    left: 10px
}

.pxl-l-11 {
    left: 11px
}

.pxl-l-12 {
    left: 12px
}

.pxl-l-13 {
    left: 13px
}

.pxl-l-14 {
    left: 14px
}

.pxl-l-15 {
    left: 15px
}

.pxl-l-16 {
    left: 16px
}

.pxl-l-17 {
    left: 17px
}

.pxl-l-18 {
    left: 18px
}

.pxl-l-19 {
    left: 19px
}

.pxl-l-20 {
    left: 20px
}

.pxl-l-21 {
    left: 21px
}

.pxl-l-22 {
    left: 22px
}

.pxl-l-23 {
    left: 23px
}

.pxl-l-24 {
    left: 24px
}

.pxl-l-25 {
    left: 25px
}

.pxl-l-26 {
    left: 26px
}

.pxl-l-27 {
    left: 27px
}

.pxl-l-28 {
    left: 28px
}

.pxl-l-29 {
    left: 29px
}

.pxl-l-30 {
    left: 30px
}

.pxl-l-31 {
    left: 31px
}

.pxl-l-32 {
    left: 32px
}

.pxl-l-33 {
    left: 33px
}

.pxl-l-34 {
    left: 34px
}

.pxl-l-35 {
    left: 35px
}

.pxl-l-36 {
    left: 36px
}

.pxl-l-37 {
    left: 37px
}

.pxl-l-38 {
    left: 38px
}

.pxl-l-39 {
    left: 39px
}

.pxl-l-40 {
    left: 40px
}

.pxl-r-0 {
    right: 0
}

.pxl-r-1 {
    right: 1px
}

.pxl-r-2 {
    right: 2px
}

.pxl-r-3 {
    right: 3px
}

.pxl-r-4 {
    right: 4px
}

.pxl-r-5 {
    right: 5px
}

.pxl-r-6 {
    right: 6px
}

.pxl-r-7 {
    right: 7px
}

.pxl-r-8 {
    right: 8px
}

.pxl-r-9 {
    right: 9px
}

.pxl-r-10 {
    right: 10px
}

.pxl-r-11 {
    right: 11px
}

.pxl-r-12 {
    right: 12px
}

.pxl-r-13 {
    right: 13px
}

.pxl-r-14 {
    right: 14px
}

.pxl-r-15 {
    right: 15px
}

.pxl-r-16 {
    right: 16px
}

.pxl-r-17 {
    right: 17px
}

.pxl-r-18 {
    right: 18px
}

.pxl-r-19 {
    right: 19px
}

.pxl-r-20 {
    right: 20px
}

.pxl-r-21 {
    right: 21px
}

.pxl-r-22 {
    right: 22px
}

.pxl-r-23 {
    right: 23px
}

.pxl-r-24 {
    right: 24px
}

.pxl-r-25 {
    right: 25px
}

.pxl-r-26 {
    right: 26px
}

.pxl-r-27 {
    right: 27px
}

.pxl-r-28 {
    right: 28px
}

.pxl-r-29 {
    right: 29px
}

.pxl-r-30 {
    right: 30px
}

.pxl-r-31 {
    right: 31px
}

.pxl-r-32 {
    right: 32px
}

.pxl-r-33 {
    right: 33px
}

.pxl-r-34 {
    right: 34px
}

.pxl-r-35 {
    right: 35px
}

.pxl-r-36 {
    right: 36px
}

.pxl-r-37 {
    right: 37px
}

.pxl-r-38 {
    right: 38px
}

.pxl-r-39 {
    right: 39px
}

.pxl-r-40 {
    right: 40px
}

[dir=rtl] .pxl-mr-3 {
    margin-right: 0;
    margin-left: 3px
}

[dir=rtl] .pxl-mr-4 {
    margin-right: 0;
    margin-left: 4px
}

[dir=rtl] .pxl-mr-5 {
    margin-right: 0;
    margin-left: 5px
}

[dir=rtl] .pxl-mr-6 {
    margin-right: 0;
    margin-left: 6px
}

[dir=rtl] .pxl-mr-7 {
    margin-right: 0;
    margin-left: 7px
}

[dir=rtl] .pxl-mr-8 {
    margin-right: 0;
    margin-left: 8px
}

[dir=rtl] .pxl-mr-9 {
    margin-right: 0;
    margin-left: 9px
}

[dir=rtl] .pxl-mr-10 {
    margin-right: 0;
    margin-left: 10px
}

[dir=rtl] .pxl-mr-11 {
    margin-right: 0;
    margin-left: 11px
}

[dir=rtl] .pxl-mr-12 {
    margin-right: 0;
    margin-left: 12px
}

[dir=rtl] .pxl-mr-13 {
    margin-right: 0;
    margin-left: 13px
}

[dir=rtl] .pxl-mr-14 {
    margin-right: 0;
    margin-left: 14px
}

[dir=rtl] .pxl-mr-15 {
    margin-right: 0;
    margin-left: 15px
}

[dir=rtl] .pxl-mr-16 {
    margin-right: 0;
    margin-left: 16px
}

[dir=rtl] .pxl-mr-17 {
    margin-right: 0;
    margin-left: 17px
}

[dir=rtl] .pxl-mr-18 {
    margin-right: 0;
    margin-left: 18px
}

[dir=rtl] .pxl-mr-19 {
    margin-right: 0;
    margin-left: 19px
}

[dir=rtl] .pxl-mr-20 {
    margin-right: 0;
    margin-left: 20px
}

[dir=rtl] .pxl-mr-21 {
    margin-right: 0;
    margin-left: 21px
}

[dir=rtl] .pxl-mr-22 {
    margin-right: 0;
    margin-left: 22px
}

[dir=rtl] .pxl-mr-23 {
    margin-right: 0;
    margin-left: 23px
}

[dir=rtl] .pxl-mr-24 {
    margin-right: 0;
    margin-left: 24px
}

[dir=rtl] .pxl-mr-25 {
    margin-right: 0;
    margin-left: 25px
}

[dir=rtl] .pxl-mr-26 {
    margin-right: 0;
    margin-left: 26px
}

[dir=rtl] .pxl-mr-27 {
    margin-right: 0;
    margin-left: 27px
}

[dir=rtl] .pxl-mr-28 {
    margin-right: 0;
    margin-left: 28px
}

[dir=rtl] .pxl-mr-29 {
    margin-right: 0;
    margin-left: 29px
}

[dir=rtl] .pxl-mr-30 {
    margin-right: 0;
    margin-left: 30px
}

[dir=rtl] .pxl-mr-31 {
    margin-right: 0;
    margin-left: 31px
}

[dir=rtl] .pxl-mr-32 {
    margin-right: 0;
    margin-left: 32px
}

[dir=rtl] .pxl-mr-33 {
    margin-right: 0;
    margin-left: 33px
}

[dir=rtl] .pxl-mr-34 {
    margin-right: 0;
    margin-left: 34px
}

[dir=rtl] .pxl-mr-35 {
    margin-right: 0;
    margin-left: 35px
}

[dir=rtl] .pxl-mr-36 {
    margin-right: 0;
    margin-left: 36px
}

[dir=rtl] .pxl-mr-37 {
    margin-right: 0;
    margin-left: 37px
}

[dir=rtl] .pxl-mr-38 {
    margin-right: 0;
    margin-left: 38px
}

[dir=rtl] .pxl-mr-39 {
    margin-right: 0;
    margin-left: 39px
}

[dir=rtl] .pxl-mr-40 {
    margin-right: 0;
    margin-left: 40px
}

[dir=rtl] .pxl-mr-49 {
    margin-right: 0;
    margin-left: 49px
}

[dir=rtl] .pxl-ml-3 {
    margin-left: 0;
    margin-right: 3px
}

[dir=rtl] .pxl-ml-4 {
    margin-left: 0;
    margin-right: 4px
}

[dir=rtl] .pxl-ml-5 {
    margin-left: 0;
    margin-right: 5px
}

[dir=rtl] .pxl-ml-6 {
    margin-left: 0;
    margin-right: 6px
}

[dir=rtl] .pxl-ml-7 {
    margin-left: 0;
    margin-right: 7px
}

[dir=rtl] .pxl-ml-8 {
    margin-left: 0;
    margin-right: 8px
}

[dir=rtl] .pxl-ml-9 {
    margin-left: 0;
    margin-right: 9px
}

[dir=rtl] .pxl-ml-10 {
    margin-left: 0;
    margin-right: 10px
}

[dir=rtl] .pxl-ml-11 {
    margin-left: 0;
    margin-right: 11px
}

[dir=rtl] .pxl-ml-12 {
    margin-left: 0;
    margin-right: 12px
}

[dir=rtl] .pxl-ml-13 {
    margin-left: 0;
    margin-right: 13px
}

[dir=rtl] .pxl-ml-14 {
    margin-left: 0;
    margin-right: 14px
}

[dir=rtl] .pxl-ml-15 {
    margin-left: 0;
    margin-right: 15px
}

[dir=rtl] .pxl-ml-16 {
    margin-left: 0;
    margin-right: 16px
}

[dir=rtl] .pxl-ml-17 {
    margin-left: 0;
    margin-right: 17px
}

[dir=rtl] .pxl-ml-18 {
    margin-left: 0;
    margin-right: 18px
}

[dir=rtl] .pxl-ml-19 {
    margin-left: 0;
    margin-right: 19px
}

[dir=rtl] .pxl-ml-20 {
    margin-left: 0;
    margin-right: 20px
}

[dir=rtl] .pxl-ml-21 {
    margin-left: 0;
    margin-right: 21px
}

[dir=rtl] .pxl-ml-22 {
    margin-left: 0;
    margin-right: 22px
}

[dir=rtl] .pxl-ml-23 {
    margin-left: 0;
    margin-right: 23px
}

[dir=rtl] .pxl-ml-24 {
    margin-left: 0;
    margin-right: 24px
}

[dir=rtl] .pxl-ml-25 {
    margin-left: 0;
    margin-right: 25px
}

[dir=rtl] .pxl-ml-26 {
    margin-left: 0;
    margin-right: 26px
}

[dir=rtl] .pxl-ml-27 {
    margin-left: 0;
    margin-right: 27px
}

[dir=rtl] .pxl-ml-28 {
    margin-left: 0;
    margin-right: 28px
}

[dir=rtl] .pxl-ml-29 {
    margin-left: 0;
    margin-right: 29px
}

[dir=rtl] .pxl-ml-30 {
    margin-left: 0;
    margin-right: 30px
}

[dir=rtl] .pxl-ml-31 {
    margin-left: 0;
    margin-right: 31px
}

[dir=rtl] .pxl-ml-32 {
    margin-left: 0;
    margin-right: 32px
}

[dir=rtl] .pxl-ml-33 {
    margin-left: 0;
    margin-right: 33px
}

[dir=rtl] .pxl-ml-34 {
    margin-left: 0;
    margin-right: 34px
}

[dir=rtl] .pxl-ml-35 {
    margin-left: 0;
    margin-right: 35px
}

[dir=rtl] .pxl-ml-36 {
    margin-left: 0;
    margin-right: 36px
}

[dir=rtl] .pxl-ml-37 {
    margin-left: 0;
    margin-right: 37px
}

[dir=rtl] .pxl-ml-38 {
    margin-left: 0;
    margin-right: 38px
}

[dir=rtl] .pxl-ml-39 {
    margin-left: 0;
    margin-right: 39px
}

[dir=rtl] .pxl-ml-40 {
    margin-left: 0;
    margin-right: 40px
}

[dir=rtl] .pxl-ml-49 {
    margin-left: 0;
    margin-right: 49px
}

[dir=rtl] .pxl-pr-3 {
    padding-right: 0;
    padding-left: 3px
}

[dir=rtl] .pxl-pr-4 {
    padding-right: 0;
    padding-left: 4px
}

[dir=rtl] .pxl-pr-5 {
    padding-right: 0;
    padding-left: 5px
}

[dir=rtl] .pxl-pr-6 {
    padding-right: 0;
    padding-left: 6px
}

[dir=rtl] .pxl-pr-7 {
    padding-right: 0;
    padding-left: 7px
}

[dir=rtl] .pxl-pr-8 {
    padding-right: 0;
    padding-left: 8px
}

[dir=rtl] .pxl-pr-9 {
    padding-right: 0;
    padding-left: 9px
}

[dir=rtl] .pxl-pr-10 {
    padding-right: 0;
    padding-left: 10px
}

[dir=rtl] .pxl-pr-11 {
    padding-right: 0;
    padding-left: 11px
}

[dir=rtl] .pxl-pr-12 {
    padding-right: 0;
    padding-left: 12px
}

[dir=rtl] .pxl-pr-13 {
    padding-right: 0;
    padding-left: 13px
}

[dir=rtl] .pxl-pr-14 {
    padding-right: 0;
    padding-left: 14px
}

[dir=rtl] .pxl-pr-15 {
    padding-right: 0;
    padding-left: 15px
}

[dir=rtl] .pxl-pr-16 {
    padding-right: 0;
    padding-left: 16px
}

[dir=rtl] .pxl-pr-17 {
    padding-right: 0;
    padding-left: 17px
}

[dir=rtl] .pxl-pr-18 {
    padding-right: 0;
    padding-left: 18px
}

[dir=rtl] .pxl-pr-19 {
    padding-right: 0;
    padding-left: 19px
}

[dir=rtl] .pxl-pr-20 {
    padding-right: 0;
    padding-left: 20px
}

[dir=rtl] .pxl-pr-21 {
    padding-right: 0;
    padding-left: 21px
}

[dir=rtl] .pxl-pr-22 {
    padding-right: 0;
    padding-left: 22px
}

[dir=rtl] .pxl-pr-23 {
    padding-right: 0;
    padding-left: 23px
}

[dir=rtl] .pxl-pr-24 {
    padding-right: 0;
    padding-left: 24px
}

[dir=rtl] .pxl-pr-25 {
    padding-right: 0;
    padding-left: 25px
}

[dir=rtl] .pxl-pr-26 {
    padding-right: 0;
    padding-left: 26px
}

[dir=rtl] .pxl-pr-27 {
    padding-right: 0;
    padding-left: 27px
}

[dir=rtl] .pxl-pr-28 {
    padding-right: 0;
    padding-left: 28px
}

[dir=rtl] .pxl-pr-29 {
    padding-right: 0;
    padding-left: 29px
}

[dir=rtl] .pxl-pr-30 {
    padding-right: 0;
    padding-left: 30px
}

[dir=rtl] .pxl-pr-31 {
    padding-right: 0;
    padding-left: 31px
}

[dir=rtl] .pxl-pr-32 {
    padding-right: 0;
    padding-left: 32px
}

[dir=rtl] .pxl-pr-33 {
    padding-right: 0;
    padding-left: 33px
}

[dir=rtl] .pxl-pr-34 {
    padding-right: 0;
    padding-left: 34px
}

[dir=rtl] .pxl-pr-35 {
    padding-right: 0;
    padding-left: 35px
}

[dir=rtl] .pxl-pr-36 {
    padding-right: 0;
    padding-left: 36px
}

[dir=rtl] .pxl-pr-37 {
    padding-right: 0;
    padding-left: 37px
}

[dir=rtl] .pxl-pr-38 {
    padding-right: 0;
    padding-left: 38px
}

[dir=rtl] .pxl-pr-39 {
    padding-right: 0;
    padding-left: 39px
}

[dir=rtl] .pxl-pr-40 {
    padding-right: 0;
    padding-left: 40px
}

[dir=rtl] .pxl-pr-60 {
    padding-right: 0;
    padding-left: 60px
}

[dir=rtl] .pxl-pl-3 {
    padding-left: 0;
    padding-right: 3px
}

[dir=rtl] .pxl-pl-4 {
    padding-left: 0;
    padding-right: 4px
}

[dir=rtl] .pxl-pl-5 {
    padding-left: 0;
    padding-right: 5px
}

[dir=rtl] .pxl-pl-6 {
    padding-left: 0;
    padding-right: 6px
}

[dir=rtl] .pxl-pl-7 {
    padding-left: 0;
    padding-right: 7px
}

[dir=rtl] .pxl-pl-8 {
    padding-left: 0;
    padding-right: 8px
}

[dir=rtl] .pxl-pl-9 {
    padding-left: 0;
    padding-right: 9px
}

[dir=rtl] .pxl-pl-10 {
    padding-left: 0;
    padding-right: 10px
}

[dir=rtl] .pxl-pl-11 {
    padding-left: 0;
    padding-right: 11px
}

[dir=rtl] .pxl-pl-12 {
    padding-left: 0;
    padding-right: 12px
}

[dir=rtl] .pxl-pl-13 {
    padding-left: 0;
    padding-right: 13px
}

[dir=rtl] .pxl-pl-14 {
    padding-left: 0;
    padding-right: 14px
}

[dir=rtl] .pxl-pl-15 {
    padding-left: 0;
    padding-right: 15px
}

[dir=rtl] .pxl-pl-16 {
    padding-left: 0;
    padding-right: 16px
}

[dir=rtl] .pxl-pl-17 {
    padding-left: 0;
    padding-right: 17px
}

[dir=rtl] .pxl-pl-18 {
    padding-left: 0;
    padding-right: 18px
}

[dir=rtl] .pxl-pl-19 {
    padding-left: 0;
    padding-right: 19px
}

[dir=rtl] .pxl-pl-20 {
    padding-left: 0;
    padding-right: 20px
}

[dir=rtl] .pxl-pl-21 {
    padding-left: 0;
    padding-right: 21px
}

[dir=rtl] .pxl-pl-22 {
    padding-left: 0;
    padding-right: 22px
}

[dir=rtl] .pxl-pl-23 {
    padding-left: 0;
    padding-right: 23px
}

[dir=rtl] .pxl-pl-24 {
    padding-left: 0;
    padding-right: 24px
}

[dir=rtl] .pxl-pl-25 {
    padding-left: 0;
    padding-right: 25px
}

[dir=rtl] .pxl-pl-26 {
    padding-left: 0;
    padding-right: 26px
}

[dir=rtl] .pxl-pl-27 {
    padding-left: 0;
    padding-right: 27px
}

[dir=rtl] .pxl-pl-28 {
    padding-left: 0;
    padding-right: 28px
}

[dir=rtl] .pxl-pl-29 {
    padding-left: 0;
    padding-right: 29px
}

[dir=rtl] .pxl-pl-30 {
    padding-left: 0;
    padding-right: 30px
}

[dir=rtl] .pxl-pl-31 {
    padding-left: 0;
    padding-right: 31px
}

[dir=rtl] .pxl-pl-32 {
    padding-left: 0;
    padding-right: 32px
}

[dir=rtl] .pxl-pl-33 {
    padding-left: 0;
    padding-right: 33px
}

[dir=rtl] .pxl-pl-34 {
    padding-left: 0;
    padding-right: 34px
}

[dir=rtl] .pxl-pl-35 {
    padding-left: 0;
    padding-right: 35px
}

[dir=rtl] .pxl-pl-36 {
    padding-left: 0;
    padding-right: 36px
}

[dir=rtl] .pxl-pl-37 {
    padding-left: 0;
    padding-right: 37px
}

[dir=rtl] .pxl-pl-38 {
    padding-left: 0;
    padding-right: 38px
}

[dir=rtl] .pxl-pl-39 {
    padding-left: 0;
    padding-right: 39px
}

[dir=rtl] .pxl-pl-40 {
    padding-left: 0;
    padding-right: 40px
}

[dir=rtl] .pxl-l-0 {
    right: 0;
    left: auto
}

[dir=rtl] .pxl-l-1 {
    right: 1px;
    left: auto
}

[dir=rtl] .pxl-l-2 {
    right: 2px;
    left: auto
}

[dir=rtl] .pxl-l-3 {
    right: 3px;
    left: auto
}

[dir=rtl] .pxl-l-4 {
    right: 4px;
    left: auto
}

[dir=rtl] .pxl-l-5 {
    right: 5px;
    left: auto
}

[dir=rtl] .pxl-l-6 {
    right: 6px;
    left: auto
}

[dir=rtl] .pxl-l-7 {
    right: 7px;
    left: auto
}

[dir=rtl] .pxl-l-8 {
    right: 8px;
    left: auto
}

[dir=rtl] .pxl-l-9 {
    right: 9px;
    left: auto
}

[dir=rtl] .pxl-l-10 {
    right: 10px;
    left: auto
}

[dir=rtl] .pxl-l-11 {
    right: 11px;
    left: auto
}

[dir=rtl] .pxl-l-12 {
    right: 12px;
    left: auto
}

[dir=rtl] .pxl-l-13 {
    right: 13px;
    left: auto
}

[dir=rtl] .pxl-l-14 {
    right: 14px;
    left: auto
}

[dir=rtl] .pxl-l-15 {
    right: 15px;
    left: auto
}

[dir=rtl] .pxl-l-16 {
    right: 16px;
    left: auto
}

[dir=rtl] .pxl-l-17 {
    right: 17px;
    left: auto
}

[dir=rtl] .pxl-l-18 {
    right: 18px;
    left: auto
}

[dir=rtl] .pxl-l-19 {
    right: 19px;
    left: auto
}

[dir=rtl] .pxl-l-20 {
    right: 20px;
    left: auto
}

[dir=rtl] .pxl-l-21 {
    right: 21px;
    left: auto
}

[dir=rtl] .pxl-l-22 {
    right: 22px;
    left: auto
}

[dir=rtl] .pxl-l-23 {
    right: 23px;
    left: auto
}

[dir=rtl] .pxl-l-24 {
    right: 24px;
    left: auto
}

[dir=rtl] .pxl-l-25 {
    right: 25px;
    left: auto
}

[dir=rtl] .pxl-l-26 {
    right: 26px;
    left: auto
}

[dir=rtl] .pxl-l-27 {
    right: 27px;
    left: auto
}

[dir=rtl] .pxl-l-28 {
    right: 28px;
    left: auto
}

[dir=rtl] .pxl-l-29 {
    right: 29px;
    left: auto
}

[dir=rtl] .pxl-l-30 {
    right: 30px;
    left: auto
}

[dir=rtl] .pxl-l-31 {
    right: 31px;
    left: auto
}

[dir=rtl] .pxl-l-32 {
    right: 32px;
    left: auto
}

[dir=rtl] .pxl-l-33 {
    right: 33px;
    left: auto
}

[dir=rtl] .pxl-l-34 {
    right: 34px;
    left: auto
}

[dir=rtl] .pxl-l-35 {
    right: 35px;
    left: auto
}

[dir=rtl] .pxl-l-36 {
    right: 36px;
    left: auto
}

[dir=rtl] .pxl-l-37 {
    right: 37px;
    left: auto
}

[dir=rtl] .pxl-l-38 {
    right: 38px;
    left: auto
}

[dir=rtl] .pxl-l-39 {
    right: 39px;
    left: auto
}

[dir=rtl] .pxl-l-40 {
    right: 40px;
    left: auto
}

[dir=rtl] .pxl-r-0 {
    left: 0;
    right: auto
}

[dir=rtl] .pxl-r-1 {
    left: 1px;
    right: auto
}

[dir=rtl] .pxl-r-2 {
    left: 2px;
    right: auto
}

[dir=rtl] .pxl-r-3 {
    left: 3px;
    right: auto
}

[dir=rtl] .pxl-r-4 {
    left: 4px;
    right: auto
}

[dir=rtl] .pxl-r-5 {
    left: 5px;
    right: auto
}

[dir=rtl] .pxl-r-6 {
    left: 6px;
    right: auto
}

[dir=rtl] .pxl-r-7 {
    left: 7px;
    right: auto
}

[dir=rtl] .pxl-r-8 {
    left: 8px;
    right: auto
}

[dir=rtl] .pxl-r-9 {
    left: 9px;
    right: auto
}

[dir=rtl] .pxl-r-10 {
    left: 10px;
    right: auto
}

[dir=rtl] .pxl-r-11 {
    left: 11px;
    right: auto
}

[dir=rtl] .pxl-r-12 {
    left: 12px;
    right: auto
}

[dir=rtl] .pxl-r-13 {
    left: 13px;
    right: auto
}

[dir=rtl] .pxl-r-14 {
    left: 14px;
    right: auto
}

[dir=rtl] .pxl-r-15 {
    left: 15px;
    right: auto
}

[dir=rtl] .pxl-r-16 {
    left: 16px;
    right: auto
}

[dir=rtl] .pxl-r-17 {
    left: 17px;
    right: auto
}

[dir=rtl] .pxl-r-18 {
    left: 18px;
    right: auto
}

[dir=rtl] .pxl-r-19 {
    left: 19px;
    right: auto
}

[dir=rtl] .pxl-r-20 {
    left: 20px;
    right: auto
}

[dir=rtl] .pxl-r-21 {
    left: 21px;
    right: auto
}

[dir=rtl] .pxl-r-22 {
    left: 22px;
    right: auto
}

[dir=rtl] .pxl-r-23 {
    left: 23px;
    right: auto
}

[dir=rtl] .pxl-r-24 {
    left: 24px;
    right: auto
}

[dir=rtl] .pxl-r-25 {
    left: 25px;
    right: auto
}

[dir=rtl] .pxl-r-26 {
    left: 26px;
    right: auto
}

[dir=rtl] .pxl-r-27 {
    left: 27px;
    right: auto
}

[dir=rtl] .pxl-r-28 {
    left: 28px;
    right: auto
}

[dir=rtl] .pxl-r-29 {
    left: 29px;
    right: auto
}

[dir=rtl] .pxl-r-30 {
    left: 30px;
    right: auto
}

[dir=rtl] .pxl-r-31 {
    left: 31px;
    right: auto
}

[dir=rtl] .pxl-r-32 {
    left: 32px;
    right: auto
}

[dir=rtl] .pxl-r-33 {
    left: 33px;
    right: auto
}

[dir=rtl] .pxl-r-34 {
    left: 34px;
    right: auto
}

[dir=rtl] .pxl-r-35 {
    left: 35px;
    right: auto
}

[dir=rtl] .pxl-r-36 {
    left: 36px;
    right: auto
}

[dir=rtl] .pxl-r-37 {
    left: 37px;
    right: auto
}

[dir=rtl] .pxl-r-38 {
    left: 38px;
    right: auto
}

[dir=rtl] .pxl-r-39 {
    left: 39px;
    right: auto
}

[dir=rtl] .pxl-r-40 {
    left: 40px;
    right: auto
}

.wp-block-search .wp-block-search__button {
    padding: 0 20px
}

.pxl-item--archive.pxl-item--standard .pxl-item--title a {
    word-break: break-word;
    -webkit-box-orient: vertical
}

.border-width-auto {
    max-width: unset !important
}

.bg-menu-blur {
    position: relative
}

.bg-menu-blur:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 7%);
    backdrop-filter: blur(20px)
}

.bg-menu-blur2 {
    position: relative
}

.bg-menu-blur2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 7%);
    backdrop-filter: blur(20px)
}

@media(max-width:767px) {
    .pxl-main-footer {
        width: 50% !important
    }
}

@media(max-width:480px) {
    .pxl-main-footer {
        width: 100% !important
    }
}

@media(max-width:767px) {
    .pxl-main-pricing {
        width: 50%
    }
}

@media(max-width:676px) {
    .pxl-main-pricing {
        width: 100%
    }
}

@media(max-width:767px) {
    .pxl-main-post {
        width: 50% !important
    }
}

@media(max-width:575px) {
    .pxl-main-post {
        width: 100% !important
    }
}

@media(max-width:767px) {
    .pxl-main-tab {
        width: 40%
    }
}

@media(max-width:575px) {
    .pxl-main-tab {
        width: 100%
    }
}

@media(max-width:767px) {
    .pxl-main-tab2 {
        width: 60%
    }
}

@media(max-width:575px) {
    .pxl-main-tab2 {
        width: 100%
    }
}

@media(max-width:767px) {
    .pxl-main-home05 {
        width: 50%
    }
}

@media(max-width:400px) {
    .pxl-main-home05 {
        width: 100%
    }
}

.pxl-border-layout1 {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-clip-layout1 {
    filter: drop-shadow(0 30px 80px rgba(0, 0, 0, .21))
}

.pxl-banner-absolute {
    left: 33px
}

@media(max-width:1700px) {
    .pxl-banner-absolute {
        left: -100px;
        width: 39% !important;
        max-width: 39% !important
    }
}

.pxl-page-title-h4 {
    position: relative !important
}

.pxl-page-title-h4:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    display: none
}

@media(max-width:767px) {
    .pxl-page-title-h4:before {
        display: block
    }
}

.pxl-contact-newsletter {
    position: relative
}

.pxl-contact-newsletter:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--gradient-color-to);
    clip-path: polygon(1.3% 0%, 96% 0%, 99.3% 100%, 3.6% 100%);
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1
}

@media(max-width:880px) {
    .pxl-contact-newsletter:before {
        clip-path: unset
    }
}

.pxl-contact-newsletter:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 103%;
    left: -3px;
    top: 0;
    background-color: var(--primary-color);
    clip-path: polygon(0% 0%, 100% 36%, 100% 97%, 0% 100%);
    transform: rotate(12deg);
    z-index: -2
}

@media(max-width:880px) {
    .pxl-contact-newsletter:after {
        display: none
    }
}

.pxl-text-slide-left {
    transform: rotate(-90deg)
}

@media(max-width:1800px) {
    .pxl-text-slide-left {
        display: none
    }
}

.pxl-footer-main {
    position: relative
}

.pxl-footer-main:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #f3f3f3;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0)
}

.pxl-item-relative {
    position: relative !important
}

.pxl-item-static {
    position: static !important
}

.pxl-footer-main2 {
    position: relative
}

.pxl-footer-main2:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0)
}

.pxl-main-sticky .pxl-menu-primary {
    box-shadow: none
}

.testimonials-setion1 {
    padding: 121px 0 30px 300px
}

@media(max-width:1800px) {
    .testimonials-setion1 {
        padding: 121px 0 30px 100px
    }
}

@media(max-width:1366px) {
    .testimonials-setion1 {
        padding: 121px 0 30px 0
    }
}

@media(max-width:767px) {
    .testimonials-setion1 {
        padding: 121px 0 80px 0
    }
}

.pxl-portfolio-padding {
    padding: 137px 0 140px 315px
}

@media(max-width:1700px) {
    .pxl-portfolio-padding {
        padding: 137px 0 140px 200px
    }
}

@media(max-width:1366px) {
    .pxl-portfolio-padding {
        padding: 137px 0 140px 100px
    }
}

@media(max-width:1280px) {
    .pxl-portfolio-padding {
        padding: 137px 15px 140px
    }
}

@media(max-width:1024px) {
    .pxl-portfolio-padding {
        padding: 70px 15px 80px
    }
}

.pxl-section-post1 {
    padding: 41px 0 141px 325px
}

@media(max-width:1700px) {
    .pxl-section-post1 {
        padding: 41px 0 141px 200px
    }
}

@media(max-width:1366px) {
    .pxl-section-post1 {
        padding: 41px 15px 141px
    }
}

@media(max-width:1024px) {
    .pxl-section-post1 {
        padding: 41px 15px 70px
    }
}

.pxl-header-one {
    position: relative !important
}

.pxl-header-one:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    width: 96.6%;
    height: 100%;
    background-color: #eee;
    z-index: -2;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    transform: translate(-50%, 0)
}

.pxl-menu-home5 {
    position: relative
}

.pxl-menu-home5:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 130%;
    background-color: #0e0e0e;
    top: 0;
    left: 0;
    z-index: -1
}

.pxl-menu-left5 {
    position: relative !important
}

.pxl-menu-left5:before {
    content: '';
    position: absolute;
    width: 98.8%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: -173px;
    z-index: -1;
    clip-path: polygon(15% 0%, 100% 0%, 98.2% 100%, 15% 100%)
}

.pxl-home02-layout1 {
    position: relative !important
}

.pxl-home02-layout1:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 100%;
    background-color: #e7e7e7;
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: polygon(0% 0%, 100% 0%, 98% 100%, 0% 100%)
}

@media(max-width:1024px) {
    .pxl-home02-layout1:before {
        clip-path: unset
    }
}

.pxl-home02-layout2 {
    position: relative !important
}

.pxl-home02-layout2:before {
    content: '';
    position: absolute;
    width: 200%;
    height: 92%;
    background-color: #1e1e1e;
    bottom: 0;
    left: -50px;
    z-index: -2
}

@media(max-width:1024px) {
    .pxl-home02-layout2:before {
        height: 100%
    }
}

.pxl-video-counter {
    position: relative !important
}

.pxl-video-counter:before {
    content: '';
    position: absolute;
    top: 53%;
    left: 0;
    width: 51.5%;
    height: 62%;
    background-color: #fafafa;
    z-index: -1;
    transform: translate(0, -53%);
    clip-path: polygon(15% 0%, 100% 0%, 96% 100%, 15% 100%)
}

@media(max-width:1199px) {
    .pxl-video-counter:before {
        display: none
    }
}

.pxl-video-counter:after {
    content: '';
    position: absolute;
    top: 53%;
    left: 0;
    width: 300%;
    height: 62%;
    background-color: #f2f3f5;
    z-index: -2;
    transform: translate(0, -53%);
    clip-path: polygon(15% 0%, 100% 0%, 96% 100%, 15% 100%)
}

@media(max-width:1199px) {
    .pxl-video-counter:after {
        width: 100%;
        height: 100%;
        clip-path: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.pxl-header-home02-layout1 {
    position: relative !important
}

.pxl-header-home02-layout1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 135%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color: var(--primary-color);
    border-radius: 47px 47px 0 0
}

.pxl-header-home02-layout1:after {
    content: '';
    position: absolute;
    width: 99.4%;
    height: 135%;
    bottom: 0;
    left: 50%;
    z-index: -1;
    background-color: #1d1b1b;
    border-radius: 47px 47px 0 0;
    transform: translate(-50%, 0)
}

.pxl-header-home02-layout2 {
    position: relative !important
}

.pxl-header-home02-layout2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #fff;
    clip-path: polygon(1% 0%, 100% 0%, 98% 100%, 0% 100%);
    border-radius: 18px 5px 32px 5px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-content-contact1 {
    position: absolute !important;
    bottom: -147px
}

@media(max-width:1200px) {
    .pxl-content-contact1 {
        position: relative !important;
        bottom: unset
    }
}

.pxl-content-contact2 {
    position: absolute !important;
    bottom: -92px
}

@media(max-width:1200px) {
    .pxl-content-contact2 {
        position: relative !important;
        bottom: unset
    }
}

.pxl-home04-menu1 {
    position: relative !important
}

.pxl-home04-menu1:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 300%;
    height: 122%;
    background-color: #fff;
    border-radius: 0 0 50px 0
}

.pxl-home04-menu2 {
    position: relative !important
}

.pxl-home04-menu2:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #161616;
    border-radius: 24px 24px 0 0;
    z-index: -1
}

.pxl-home04-menu3 {
    position: relative !important
}

.pxl-home04-menu3:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150%;
    height: 100%;
    background-color: var(--primary-color);
    border-radius: 0 0 48px 0;
    z-index: -1
}

.pxl-landing-section1 {
    position: relative !important
}

.pxl-landing-section1:before {
    content: '';
    background-image: url(../img/left1.png);
    width: 240px;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(max-width:991px) {
    .pxl-landing-section1:before {
        width: 150px
    }
}

@media(max-width:880px) {
    .pxl-landing-section1:before {
        display: none
    }
}

.pxl-landing-section1:after {
    content: '';
    background-image: url(../img/right1.png);
    width: 240px;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(max-width:991px) {
    .pxl-landing-section1:after {
        width: 150px
    }
}

@media(max-width:880px) {
    .pxl-landing-section1:after {
        display: none
    }
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item-title {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--link-color);
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item-title .pxl-title {
    white-space: nowrap
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item-title .pxl-item-border {
    background-color: #d5d5d5;
    height: 1px;
    width: 75%;
    margin-top: 10px
}

.pxl-meta.pxl-meta1 .pxl-meta-inner .pxl-item-desc {
    color: #777;
    font-size: 15px
}

.pxl-meta.pxl-meta2.style-default .pxl-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 9px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.style-default .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.style-default .pxl-item .pxl-item-title {
    font-size: 17px;
    font-weight: 500;
    color: var(--link-color);
    line-height: 1.2
}

.pxl-meta.pxl-meta2.style-default .pxl-item .pxl-item--icon {
    line-height: 1
}

.pxl-meta.pxl-meta2.style-default .pxl-item .pxl-item--icon svg {
    height: 18px;
    width: auto;
    fill: var(--link-color)
}

.pxl-meta.pxl-meta2.active1 .pxl-item {
    list-style: none;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.active1 .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.active1 .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.active1 .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(1) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active1 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active2 .pxl-item {
    list-style: none;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.active2 .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.active2 .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.active2 .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(1) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(2) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active2 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active3 .pxl-item {
    list-style: none;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.active3 .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.active3 .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.active3 .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(1) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(2) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(3) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active3 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active4 .pxl-item {
    list-style: none;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.active4 .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.active4 .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.active4 .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(1) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(2) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(3) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(4) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active4 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active5 .pxl-item {
    list-style: none;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.active5 .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.active5 .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.active5 .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(1) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(1) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(2) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(2) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(3) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(3) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(4) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(4) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(5) {
    color: var(--link-color);
    border-color: var(--link-color)
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-check {
    display: block
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(5) .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.active5 .pxl-item:nth-child(6) .pxl-item--icon.pxl-icon-no-check {
    display: block
}

.pxl-meta.pxl-meta2.active6 .pxl-item {
    list-style: none;
    color: var(--link-color);
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid var(--link-color);
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.active6 .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.active6 .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.active6 .pxl-item .pxl-item--icon.pxl-icon-no-check {
    display: none
}

.pxl-meta.pxl-meta2.active6 .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta2.style-no-active .pxl-item {
    list-style: none;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #999;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-meta.pxl-meta2.style-no-active .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-meta.pxl-meta2.style-no-active .pxl-item .pxl-item--icon.pxl-icon-check {
    display: none
}

.pxl-meta.pxl-meta2.style-no-active .pxl-item .pxl-item--icon.pxl-icon-check svg path {
    stroke: var(--link-color)
}

.pxl-meta.pxl-meta2.style-no-active .pxl-item .pxl-item--icon.pxl-icon-no-check svg path {
    stroke: #999
}

.pxl-meta.pxl-meta3 .pxl-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    border-bottom: 1px solid #333;
    padding: 14.6px 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-meta.pxl-meta3 .pxl-item:hover .pxl-item-title {
    color: #fff
}

.pxl-meta.pxl-meta3 .pxl-item:hover .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-meta.pxl-meta3 .pxl-item .pxl-item-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pxl-meta.pxl-meta3 .pxl-item .pxl-item-title {
    font-size: 19px;
    font-weight: 500;
    color: #555;
    line-height: 1.2;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-meta.pxl-meta3 .pxl-item .pxl-item--icon {
    line-height: 1
}

.pxl-meta.pxl-meta3 .pxl-item .pxl-item--icon svg {
    height: 15px;
    width: auto
}

.pxl-meta.pxl-meta3 .pxl-item .pxl-item--icon svg path {
    stroke: #555;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-meta.pxl-meta4.style-default .pxl-item {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 11px;
    margin-bottom: 4px
}

.pxl-meta.pxl-meta4.style-default .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-meta.pxl-meta4.style-default .pxl-item .pxl-item--icon {
    width: 4px;
    min-width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #999;
    display: flex
}

.pxl-meta.pxl-meta4.style-default .pxl-item .pxl-item-content .pxl-item-title {
    font-size: 17px;
    color: #999;
    font-weight: 600;
    line-height: 1.3
}

.pxl-meta.pxl-meta4.style-default .pxl-item .pxl-item-content .pxl-item-desc {
    font-size: 15px;
    color: #777;
    line-height: 1.3
}

.pxl-meta.pxl-meta4.style2 .pxl-item {
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    padding-bottom: 9px
}

.pxl-meta.pxl-meta4.style2 .pxl-item:last-child {
    border-bottom: none
}

.pxl-meta.pxl-meta4.style2 .pxl-item .pxl-item--icon {
    display: none
}

.pxl-meta.pxl-meta4.style2 .pxl-item .pxl-item-content {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    flex-wrap: wrap
}

.pxl-meta.pxl-meta4.style2 .pxl-item .pxl-item-content .pxl-item-title {
    font-size: 17px;
    color: #777;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize
}

.pxl-meta.pxl-meta4.style2 .pxl-item .pxl-item-content .pxl-item-desc {
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: right
}

.pxl-meta.pxl-meta4.style3 .pxl-item {
    margin-bottom: 30px
}

.pxl-meta.pxl-meta4.style3 .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-meta.pxl-meta4.style3 .pxl-item .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-meta.pxl-meta4.style3 .pxl-item .pxl-item-content .pxl-item-title {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
    text-transform: capitalize
}

.pxl-meta.pxl-meta4.style3 .pxl-item .pxl-item-content .pxl-item-desc {
    font-size: 15px;
    color: #999;
    font-weight: 500;
    line-height: 1.3
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item {
    display: flex;
    align-items: center;
    gap: 100px;
    border-bottom: 1px solid #333;
    padding-bottom: 26px;
    margin-bottom: 30px
}

@media(max-width:1366px) {
    .pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item {
        gap: 50px
    }
}

@media(max-width:575px) {
    .pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item {
        flex-direction: column;
        gap: 5px
    }
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-content {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 23%
}

@media(max-width:575px) {
    .pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-content {
        width: 100%
    }
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-content .pxl-item--icon svg path {
    fill: #777
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-content .pxl-item--icon .pxl-phone-svg1 path {
    fill: none;
    stroke: #777
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-content .pxl-item-title {
    font-size: 15px;
    font-weight: 400;
    color: #777;
    line-height: 1.2
}

.pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-desc {
    font-size: 20px;
    font-weight: 400;
    color: var(--primary-color);
    line-height: 1.4;
    width: 70%
}

@media(max-width:1366px) {
    .pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-desc {
        font-size: 18px
    }
}

@media(max-width:575px) {
    .pxl-meta.pxl-meta5 .pxl-meta-inner .pxl-item .pxl-item-desc {
        width: 100%;
        font-size: 17px
    }
}

.pxl-meta.pxl-meta6 .pxl-meta-inner {
    border-radius: 20px;
    border: 1px solid #d5d5d5;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-right: 15px
}

.pxl-meta.pxl-meta6 .pxl-meta-inner .pxl-item--icon {
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    width: 41px;
    min-width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -1px;
    margin-right: 0
}

.pxl-meta.pxl-meta6 .pxl-meta-inner .pxl-item--icon svg {
    height: 16px;
    width: auto;
    fill: var(--link-color)
}

.pxl-meta.pxl-meta6 .pxl-meta-inner .pxl-item-title {
    color: var(--link-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item {
    display: flex;
    gap: 22px;
    padding-bottom: 53px;
    position: relative
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item:before {
    content: '';
    position: absolute;
    left: 27px;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #a6dae5;
    z-index: -1
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item:last-child {
    padding-bottom: 0
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item:last-child:before {
    display: none
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item .pxl-item-number {
    width: 54px;
    min-width: 54px;
    height: 54px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1;
    font-family: inter, sans-serif;
    color: #fff;
    font-weight: 600
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-title {
    margin-bottom: 10px
}

.pxl-meta-list1.style1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-desc {
    font-size: 17px;
    color: rgba(104, 104, 119, .9785);
    line-height: 1.647;
    max-width: 90%
}

@media(max-width:1366px) {
    .pxl-meta-list1.style1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-desc {
        max-width: 100%
    }
}

.pxl-meta-list1.style2 .pxl-item-inner .pxl--item {
    display: flex;
    gap: 25px;
    padding-bottom: 53px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-meta-list1.style2 .pxl-item-inner .pxl--item:last-child {
    padding-bottom: 0
}

.pxl-meta-list1.style2 .pxl-item-inner .pxl--item:hover .pxl-item-number {
    box-shadow: 0 0 20px rgba(0, 180, 216, .25)
}

.pxl-meta-list1.style2 .pxl-item-inner .pxl--item .pxl-item-number {
    width: 35px;
    min-width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0, 180, 216, .25);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-meta-list1.style2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-title {
    margin-bottom: 13px;
    font-size: 18px
}

.pxl-meta-list1.style2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: rgba(104, 104, 119, .9785);
    line-height: 20px
}

.pxl-meta-list2 .pxl-item-inner .pxl--item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 7px
}

.pxl-meta-list2 .pxl-item-inner .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-meta-list2 .pxl-item-inner .pxl--item .pxl-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    min-width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 8px
}

.pxl-meta-list2 .pxl-item-inner .pxl--item .pxl-item-content {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap
}

.pxl-meta-list2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-title {
    margin-bottom: 0;
    color: var(--link-color);
    font-weight: 600;
    font-size: 16px
}

.pxl-meta-list3 .pxl-item-inner .pxl--item {
    border-bottom: 1px solid rgba(11, 16, 48, .1);
    padding: 15px 0
}

.pxl-meta-list3 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-desc {
    color: rgba(11, 16, 48, .7);
    font-family: abhaya libre, serif;
    font-size: 18px;
    line-height: 1em;
    font-weight: 400;
    margin-bottom: 10px
}

.pxl-meta-list3 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item-title {
    color: var(--link-color);
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0
}

.pxl-contact-form1 p {
    margin: 0
}

.pxl-contact-form1 span {
    margin: 0 !important
}

.pxl-contact-form1 br {
    display: none
}

.pxl-contact-form1 .contact1 .row {
    margin: 0 -7.5px
}

.pxl-contact-form1 .contact1 .col-lg-6 {
    padding: 0 7.5px
}

.pxl-contact-form1 .contact1 .input-filled,
.pxl-contact-form1 .contact1 .pxl-date {
    margin-bottom: 15px
}

.pxl-contact-form1 .contact1 .input-filled input,
.pxl-contact-form1 .contact1 .pxl-date input,
.pxl-contact-form1 .contact1 .input-filled textarea,
.pxl-contact-form1 .contact1 .pxl-date textarea,
.pxl-contact-form1 .contact1 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact1 .pxl-date .pxl-select-higthlight {
    border: 1px solid #a6dae5;
    -webkit-border-radius: 13px;
    -khtml-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    -o-border-radius: 13px;
    border-radius: 13px;
    color: #686877;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .084px;
    background-color: #fff
}

.pxl-contact-form1 .contact1 .input-filled input:focus,
.pxl-contact-form1 .contact1 .pxl-date input:focus,
.pxl-contact-form1 .contact1 .input-filled textarea:focus,
.pxl-contact-form1 .contact1 .pxl-date textarea:focus,
.pxl-contact-form1 .contact1 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact1 .pxl-date .pxl-select-higthlight:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact1 .input-filled.message,
.pxl-contact-form1 .contact1 .pxl-date.message {
    margin-bottom: 22px
}

.pxl-contact-form1 .contact1 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact1 .pxl-date .pxl-select-higthlight.active {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact1 .ct-button {
    text-align: center
}

.pxl-contact-form1 .contact1 .ct-button .btn .pxl-btn-icon {
    margin-left: 15px !important
}

.pxl-contact-form1 .contact2 .row {
    margin: 0 -10.25px
}

.pxl-contact-form1 .contact2 .col-lg-6 {
    padding: 0 10.25px
}

.pxl-contact-form1 .contact2 .input-filled,
.pxl-contact-form1 .contact2 .pxl-date {
    margin-bottom: 15px
}

.pxl-contact-form1 .contact2 .input-filled input,
.pxl-contact-form1 .contact2 .pxl-date input,
.pxl-contact-form1 .contact2 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact2 .pxl-date .pxl-select-higthlight {
    border: none;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .1px;
    background: rgba(255, 255, 255, .18);
    height: 59px;
    padding: 0 25px
}

.pxl-contact-form1 .contact2 .input-filled input:focus,
.pxl-contact-form1 .contact2 .pxl-date input:focus,
.pxl-contact-form1 .contact2 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact2 .pxl-date .pxl-select-higthlight:focus {
    color: var(--link-color);
    background-color: #fff
}

.pxl-contact-form1 .contact2 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact2 .pxl-date .pxl-select-higthlight.active {
    color: var(--link-color);
    background-color: #fff
}

.pxl-contact-form1 .contact2 .ct-button .btn-style1-full {
    width: 100%;
    line-height: 59px;
    font-size: 14px;
    font-weight: 500
}

.pxl-contact-form1 .contact2 .ct-button .btn-style1-full:before {
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    background-color: var(--link-color);
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: -1
}

.pxl-contact-form1 .contact2 .ct-button .btn-style1-full:hover:before {
    top: -40%
}

.pxl-contact-form1 .contact2 .ct-button .btn-style1-full .pxl-btn-icon {
    margin-left: 16px !important
}

.pxl-contact-form1 .contact2 .ct-button .btn-style1-full .pxl-btn-icon svg {
    height: 14px
}

.pxl-contact-form1 .contact2 .ct-button .btn-style1-full .pxl-btn-icon svg path {
    fill: #fff
}

.pxl-contact-form1 .contact3 .row {
    margin: 0 -6px
}

.pxl-contact-form1 .contact3 .col-lg-6 {
    padding: 0 6px
}

.pxl-contact-form1 .contact3 .input-filled,
.pxl-contact-form1 .contact3 .pxl-date {
    margin-bottom: 15px
}

.pxl-contact-form1 .contact3 .input-filled input,
.pxl-contact-form1 .contact3 .pxl-date input,
.pxl-contact-form1 .contact3 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact3 .pxl-date .pxl-select-higthlight {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .1px;
    background: 0 0;
    height: 56px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 1%);
    padding: 0 26px;
    border: 1px solid rgba(255, 255, 255, .4)
}

.pxl-contact-form1 .contact3 .input-filled input:focus,
.pxl-contact-form1 .contact3 .pxl-date input:focus,
.pxl-contact-form1 .contact3 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact3 .pxl-date .pxl-select-higthlight:focus {
    border-color: #fff
}

.pxl-contact-form1 .contact3 .input-filled .pxl-select-higthlight:before,
.pxl-contact-form1 .contact3 .pxl-date .pxl-select-higthlight:before {
    color: #fff
}

.pxl-contact-form1 .contact3 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact3 .pxl-date .pxl-select-higthlight.active {
    border-color: #fff
}

.pxl-contact-form1 .contact3 .ct-button .btn-style1-full {
    width: 100%;
    line-height: 59px;
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    color: var(--link-color)
}

.pxl-contact-form1 .contact3 .ct-button .btn-style1-full:hover {
    background-color: var(--link-color);
    color: #fff
}

.pxl-contact-form1 .contact4 .row {
    margin: 0 -10px
}

.pxl-contact-form1 .contact4 .col-lg-6 {
    padding: 0 10px
}

.pxl-contact-form1 .contact4 .input-filled,
.pxl-contact-form1 .contact4 .pxl-date {
    margin-bottom: 15px
}

.pxl-contact-form1 .contact4 .input-filled input,
.pxl-contact-form1 .contact4 .pxl-date input,
.pxl-contact-form1 .contact4 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact4 .pxl-date .pxl-select-higthlight {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #686877;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .1px;
    background: #f2fbfd;
    height: 55px;
    padding: 0 26px;
    border: 1px solid #d3ebf0
}

.pxl-contact-form1 .contact4 .input-filled input:focus,
.pxl-contact-form1 .contact4 .pxl-date input:focus,
.pxl-contact-form1 .contact4 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact4 .pxl-date .pxl-select-higthlight:focus {
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact4 .input-filled .pxl-select-higthlight:before,
.pxl-contact-form1 .contact4 .pxl-date .pxl-select-higthlight:before {
    color: #686877
}

.pxl-contact-form1 .contact4 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact4 .pxl-date .pxl-select-higthlight.active {
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact4 .pxl-date {
    position: relative
}

.pxl-contact-form1 .contact4 .pxl-date .pxl-icon-date {
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translate(0, -50%)
}

.pxl-contact-form1 .contact4 .ct-button {
    margin-top: 4px
}

.pxl-contact-form1 .contact4 .ct-button .btn-style1-full {
    width: 100%;
    line-height: 56px;
    font-size: 16px;
    font-weight: 500;
    background-color: #03045e;
    color: #fff
}

.pxl-contact-form1 .contact4 .ct-button .btn-style1-full:hover {
    background-color: var(--primary-color)
}

.pxl-contact-form1 .contact5 .input-filled,
.pxl-contact-form1 .contact5 .pxl-date {
    margin-bottom: 1.5rem
}

.pxl-contact-form1 .contact5 .input-filled input,
.pxl-contact-form1 .contact5 .pxl-date input,
.pxl-contact-form1 .contact5 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact5 .pxl-date .pxl-select-higthlight {
    border: 1px solid #a6dae5;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #686877;
    font-size: 14px;
    font-weight: 400;
    background-color: #fff;
    height: 55px
}

.pxl-contact-form1 .contact5 .input-filled input:focus,
.pxl-contact-form1 .contact5 .pxl-date input:focus,
.pxl-contact-form1 .contact5 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact5 .pxl-date .pxl-select-higthlight:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact5 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact5 .pxl-date .pxl-select-higthlight.active {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact5 .ct-button {
    text-align: center
}

.pxl-contact-form1 .contact5 .ct-button .btn {
    background-color: #03045e;
    padding: 0 30px;
    line-height: 58px;
    width: 100%
}

.pxl-contact-form1 .contact6 .input-filled,
.pxl-contact-form1 .contact6 .pxl-date {
    margin-bottom: 1.5rem
}

.pxl-contact-form1 .contact6 .input-filled input,
.pxl-contact-form1 .contact6 .pxl-date input,
.pxl-contact-form1 .contact6 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact6 .pxl-date .pxl-select-higthlight {
    border: 1px solid #a6dae5;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #686877;
    font-size: 15px;
    font-weight: 400;
    background-color: #fff;
    height: 55px
}

.pxl-contact-form1 .contact6 .input-filled input:focus,
.pxl-contact-form1 .contact6 .pxl-date input:focus,
.pxl-contact-form1 .contact6 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact6 .pxl-date .pxl-select-higthlight:focus {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact6 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact6 .pxl-date .pxl-select-higthlight.active {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact6 .ct-button {
    text-align: center
}

.pxl-contact-form1 .contact6 .ct-button .btn {
    background-color: #03045e;
    padding: 0 30px;
    line-height: 58px;
    width: 100%
}

.pxl-contact-form1 .contact7 .row {
    margin: 0 -12px
}

.pxl-contact-form1 .contact7 .col-lg-6 {
    padding: 0 12px
}

.pxl-contact-form1 .contact7 .input-filled,
.pxl-contact-form1 .contact7 .pxl-date {
    margin-bottom: 25px
}

.pxl-contact-form1 .contact7 .input-filled input,
.pxl-contact-form1 .contact7 .pxl-date input,
.pxl-contact-form1 .contact7 .input-filled textarea,
.pxl-contact-form1 .contact7 .pxl-date textarea,
.pxl-contact-form1 .contact7 .input-filled .pxl-select-higthlight,
.pxl-contact-form1 .contact7 .pxl-date .pxl-select-higthlight {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #686877;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .1px;
    background: #fff;
    height: 55px;
    padding: 15px 20px;
    border: 1px solid #a6dae5
}

.pxl-contact-form1 .contact7 .input-filled input:focus,
.pxl-contact-form1 .contact7 .pxl-date input:focus,
.pxl-contact-form1 .contact7 .input-filled textarea:focus,
.pxl-contact-form1 .contact7 .pxl-date textarea:focus,
.pxl-contact-form1 .contact7 .input-filled .pxl-select-higthlight:focus,
.pxl-contact-form1 .contact7 .pxl-date .pxl-select-higthlight:focus {
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact7 .input-filled textarea,
.pxl-contact-form1 .contact7 .pxl-date textarea {
    height: 120px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.pxl-contact-form1 .contact7 .input-filled .pxl-select-higthlight:before,
.pxl-contact-form1 .contact7 .pxl-date .pxl-select-higthlight:before {
    color: #686877
}

.pxl-contact-form1 .contact7 .input-filled .pxl-select-higthlight.active,
.pxl-contact-form1 .contact7 .pxl-date .pxl-select-higthlight.active {
    border-color: var(--primary-color)
}

.pxl-contact-form1 .contact7 .message {
    margin-bottom: 20px
}

.pxl-contact-form1 .contact7 .ct-button .btn {
    line-height: 55px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 3px 50px 0
}

.pxl-contact-form1.btn-w-full .contact1 .pxl-contact-inner .contact-submit .btn {
    width: 100%
}

.pxl-banner.pxl-banner1 .pxl-box-inner {
    position: relative;
    padding-left: 105px;
    padding-top: 52px;
    padding-bottom: 68px;
    padding-right: 53px
}

@media(max-width:575px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner {
        padding: 45px 10px 50px 0
    }
}

@media(max-width:480px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner {
        padding: 45px 0 50px 0
    }
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img1 {
    height: 550px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: auto;
    scrollbar-width: none;
    overflow-y: hidden;
    border: 3px solid #d5d5d5;
    filter: drop-shadow(4px 4px 16px rgba(18, 18, 18, .25));
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img1 img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    transform: translateY(0);
    -webkit-transition: transform 4s ease-out, top 4s ease-out;
    -khtml-transition: transform 4s ease-out, top 4s ease-out;
    -moz-transition: transform 4s ease-out, top 4s ease-out;
    -ms-transition: transform 4s ease-out, top 4s ease-out;
    -o-transition: transform 4s ease-out, top 4s ease-out;
    transition: transform 4s ease-out, top 4s ease-out;
    animation: slidetopbottom 7s ease-in-out infinite alternate
}

@media(max-width:575px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img1 img {
        animation: none
    }
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img2 {
    position: absolute;
    top: 0;
    left: -5px;
    z-index: 1
}

@media(max-width:575px) {
    .pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img2 {
        display: none
    }
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img3 {
    position: absolute;
    bottom: 0;
    right: 0
}

.pxl-banner.pxl-banner1 .pxl-box-inner .pxl-item--img4 {
    width: 110px;
    height: 110px;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-image-wg {
    -webkit-transition: all 10ms linear 0ms;
    -khtml-transition: all 10ms linear 0ms;
    -moz-transition: all 10ms linear 0ms;
    -ms-transition: all 10ms linear 0ms;
    -o-transition: all 10ms linear 0ms;
    transition: all 10ms linear 0ms
}

@media(max-width:767px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .col-6 {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item--imgprimary {
    overflow: hidden;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

@media(max-width:767px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item--imgprimary {
        margin-bottom: 30px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-layout2 {
    padding-left: 33px;
    margin-top: -2px
}

@media(max-width:1199px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-layout2 {
        padding-left: 0
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-sub-title {
    font-size: 20px;
    color: var(--primary-color);
    font-family: inter, sans-serif;
    line-height: 1;
    margin-bottom: 16px
}

@media(max-width:480px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-sub-title {
        font-size: 18px;
        margin-bottom: 13px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-heading {
    font-size: 40px;
    color: var(--link-color);
    font-weight: 700;
    margin-bottom: 17px
}

@media(max-width:880px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-heading {
        font-size: 35px;
        margin-bottom: 13px
    }
}

@media(max-width:480px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-heading {
        font-size: 30px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-inner-heading .pxl-item-desc {
    font-size: 17px;
    color: #494949;
    padding-right: 5px;
    line-height: 1.75
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner {
    padding-top: 25px
}

@media(max-width:880px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner {
        padding-top: 20px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item {
    display: flex;
    align-items: center;
    margin-bottom: 17px
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-sub {
    font-size: 17px;
    color: var(--link-color);
    font-weight: 500;
    width: 21%
}

@media(max-width:991px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-sub {
        width: 25%
    }
}

@media(max-width:480px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-sub {
        width: 35%
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-list-inner .pxl-item .pxl-list-title {
    font-size: 17px;
    font-weight: 400;
    color: #494949
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social {
    margin-top: 29px
}

@media(max-width:880px) {
    .pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social {
        margin-top: 20px
    }
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-title-social {
    font-size: 20px;
    color: var(--link-color);
    font-weight: 700;
    margin-bottom: 16px
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list {
    display: flex;
    align-items: center
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list a {
    width: 42px;
    min-width: 42px;
    height: 42px;
    border: 1px solid #494949;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #494949;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list a:last-child {
    margin-right: 0
}

.pxl-team-single.pxl-team-single1 .pxl-meta-inner .pxl-item-social .pxl-icon-list a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color);
    transform: translateY(-3px)
}

.pxl-text-animation1 .pxl-item-inner .content-inner {
    background-image: linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text {
    font-size: 48px;
    font-weight: 700;
    display: inline-block;
    line-height: 1.3
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text span {
    position: relative;
    z-index: 1
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text span i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.pxl-text-animation1 .pxl-item-inner .pxl-item-text span .pxl-svg-line {
    position: absolute;
    top: 50%;
    left: -23px;
    right: 0;
    -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%);
    width: 110%;
    margin-top: -2px;
    height: auto;
    fill: none;
    stroke-dashoffset: 0;
    stroke-dasharray: 3e3
}

@media(max-width:767px) {
    .pxl-text-animation1 .pxl-item-inner .pxl-item-text span .pxl-svg-line {
        display: none
    }
}

.pxl-client-carousel1.style-default .pxl-swiper-wrapper {
    align-items: center
}

.pxl-client-carousel1.style-default .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style-default .pxl-item--inner:hover .pxl-item--image img {
    filter: brightness(0)saturate(0%)invert(0%)sepia(0%)saturate(0%)hue-rotate(0)brightness(0%)contrast(0%)
}

.pxl-client-carousel1.style-default .pxl-item--inner .pxl-item--image {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style-default .pxl-item--inner .pxl-item--image img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style2 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-client-carousel1.style2 .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style2 .pxl-item--inner:hover .pxl-item--image img {
    filter: none
}

.pxl-client-carousel1.style2 .pxl-item--inner .pxl-item--image {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style2 .pxl-item--inner .pxl-item--image img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    filter: brightness(0)saturate(0%)invert(0%)sepia(0%)saturate(0%)hue-rotate(0)brightness(0%)contrast(0%)
}

.pxl-client-carousel1.style3 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-client-carousel1.style3 .pxl-swiper-slide {
    padding: 0
}

.pxl-client-carousel1.style3 .pxl-swiper-container {
    margin: 0;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none
}

.pxl-client-carousel1.style3 .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style3 .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 115%;
    top: 50%;
    right: 0;
    background-color: #d9d9d9;
    transform: translate(0, -50%)
}

.pxl-client-carousel1.style3 .pxl-item--inner .pxl-item--image {
    text-align: center;
    align-content: center;
    padding: 68px 0;
    cursor: pointer
}

@media(max-width:880px) {
    .pxl-client-carousel1.style3 .pxl-item--inner .pxl-item--image {
        padding: 50px 0
    }
}

@media(max-width:575px) {
    .pxl-client-carousel1.style3 .pxl-item--inner .pxl-item--image {
        padding: 40px 20px
    }
}

.pxl-client-carousel1.style4 .pxl-swiper-wrapper {
    align-items: end
}

.pxl-client-carousel1.style4 .pxl-item--inner {
    position: relative
}

.pxl-client-carousel1.style4 .pxl-item--inner .pxl-item--image {
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-carousel1.style4 .pxl-item--inner .pxl-item--image img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-text-editor .pxl-text-style1 cite {
    font-style: inherit;
    color: #005ef9
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
    padding: 0 120px 0 100px;
    position: relative
}

@media(max-width:1199px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
        padding: 0 50px
    }
}

@media(max-width:480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
        padding: 0 30px
    }
}

@media(max-width:360px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1 {
        padding: 0
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1:before {
    content: '';
    position: absolute;
    top: 90px;
    right: 30px;
    mask-image: url(../img/mark-img1.png);
    -webkit-mask-image: url(../img/mark-img1.png);
    -ms-mask-image: url(../images/mark-img1.png);
    -o-mask-image: url(../images/mark-img1.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: contain;
    width: 95px;
    height: 110px;
    animation: pxl_video_ani_1 10s ease infinite;
    background-size: 400% 400%;
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to));
    z-index: 1
}

@media(max-width:480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-layout1:before {
        display: none
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item--imgprimary {
    mask-image: url(../img/mark-img1.png);
    -webkit-mask-image: url(../img/mark-img1.png);
    -ms-mask-image: url(../images/mark-img1.png);
    -o-mask-image: url(../images/mark-img1.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: contain;
    position: relative
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item--imgprimary:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
    background-image: url(../img/shape-video1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 5px 5px rgba(225, 225, 225, .2);
    margin-top: -170px;
    position: relative;
    z-index: 2
}

@media(max-width:1200px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content {
        margin-top: -130px
    }
}

@media(max-width:1024px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content {
        margin-top: 30px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .row {
    align-items: center
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
    padding-left: 35px;
    width: 75%;
    padding-top: 43px;
    padding-bottom: 40px
}

@media(max-width:1199px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
        padding: 30px 0 25px 20px;
        width: 70%
    }
}

@media(max-width:575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
        width: 100%
    }
}

@media(max-width:480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar {
        padding: 20px 15px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item+.pxl--item {
    margin-top: 15px
}

@media(max-width:575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .col-6 {
        max-width: 60%;
        flex: 60%
    }
}

@media(max-width:480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .col-6 {
        max-width: 100%;
        flex: 100%
    }
}

@media(max-width:480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .col-4 {
        max-width: 100%;
        flex: 100%
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .row {
    align-items: center
}

@media(max-width:480px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta {
        margin-bottom: 10px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta .pxl--title {
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 0
}

@media(max-width:1200px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl--meta .pxl--title {
        font-size: 13px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl-progressbar--wrap {
    height: 10px;
    background-color: #f4f4f4;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-progressbar .pxl--item .pxl-progressbar--wrap .pxl--progressbar {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    height: 10px;
    background: linear-gradient(90deg, #002aff 0%, #07ebff 80%);
    position: relative
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video {
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 214px;
    transform: translateY(-50%);
    height: 100%
}

@media(max-width:1199px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video {
        max-width: 200px
    }
}

@media(max-width:575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video {
        position: relative;
        top: unset;
        right: unset;
        transform: unset;
        max-width: unset;
        display: flex;
        justify-content: center;
        padding-bottom: 20px
    }
}

@media(max-width:575px) {
    .pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video img {
        -webkit-border-radius: 30px;
        -khtml-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        border-radius: 30px
    }
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-image-video {
    position: relative;
    overflow: hidden;
    height: 100%
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-image-video .pxl-space {
    position: absolute;
    right: 40px;
    bottom: 75px;
    width: 15px;
    height: 15px;
    color: #ff5337;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-image-video .pxl-space i {
    animation: pxl_spin 10s linear infinite
}

.pxl-video-single.pxl-video-single1 .pxl-meta-inner .pxl-item-content .pxl-item-video .pxl-btn-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: #fff;
    z-index: 2
}

.pxl-pagination1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: var(--primary-color);
    border-top: 1px solid var(--link-color);
    border-bottom: 1px solid var(--link-color);
    padding: 26px 30px 25px
}

@media(max-width:575px) {
    .pxl-pagination1 {
        padding: 26px 20px 25px
    }
}

.pxl-pagination1 .pxl--item {
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    gap: 10px
}

.pxl-pagination1 .pxl--item .pxl-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-pagination1 .pxl--item:hover .pxl-item-icon svg path {
    stroke: var(--link-color)
}

.pxl-pagination1 .pxl--item:hover .pxl-title-inner {
    color: var(--link-color)
}

.pxl-pagination1 .pxl--item .pxl-item-icon {
    line-height: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-pagination1 .pxl--item .pxl-item-icon svg {
    width: auto
}

@media(max-width:575px) {
    .pxl-pagination1 .pxl--item .pxl-item-icon svg {
        height: 15px
    }
}

.pxl-pagination1 .pxl--item .pxl-item-icon svg path {
    stroke: #999;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-pagination1 .pxl--item .pxl-title-inner {
    color: #999;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:575px) {
    .pxl-pagination1 .pxl--item .pxl-title-inner {
        font-size: 15px
    }
}

.pxl-logo-marquee1 {
    position: relative;
    overflow: hidden;
    direction: ltr
}

.pxl-logo-marquee1 .pxl-item--marquee {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    opacity: 0
}

.pxl-logo-marquee1 .pxl-logo-hidden {
    flex-wrap: nowrap;
    opacity: 0;
    visibility: hidden;
    white-space: nowrap
}

.pxl-logo-marquee1 .pxl-logo-hidden-wrap {
    overflow: hidden
}

.pxl-logo-marquee1 .pxl-logo-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    direction: ltr
}

.pxl-logo-marquee1 .pxl-logo-active .pxl-item--marquee {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.pxl-logo-marquee1 .pxl-item--text {
    font-size: 60px;
    font-weight: 700;
    overflow: hidden;
    color: #000;
    width: 100%;
    position: relative
}

.pxl-logo-marquee1 .pxl-item--logo {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin: 10px 0
}

.pxl-logo-marquee1 .pxl-item--logo a {
    padding: 0 30px;
    box-shadow: 0 0 10px rgba(204, 204, 204, .2);
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    line-height: 117px;
    background-color: #fff
}

.pxl-logo-marquee1 .pxl-item--inner {
    flex-wrap: nowrap;
    display: flex;
    width: 100%
}

@media screen and (min-width:1201px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner {
    position: relative;
    margin-bottom: 40px
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video {
    height: 170px;
    width: 160px;
    min-width: 160px;
    z-index: 1;
    position: absolute;
    bottom: -38px;
    left: 65%;
    transform: translateX(-50%)
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video {
    mask-image: url(../img/mark-img1.png);
    -webkit-mask-image: url(../img/mark-img1.png);
    -ms-mask-image: url(../images/mark-img1.png);
    -o-mask-image: url(../images/mark-img1.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -ms-mask-position: center center;
    -o-mask-position: center center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    mask-size: contain;
    position: relative;
    display: grid;
    align-items: center;
    justify-content: center;
    background: #fff;
    text-align: center;
    align-content: center;
    font-family: great vibes, cursive
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video:hover .pxl-icon-video {
    transform: translateY(-5px)
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video:hover .pxl-icon-video i {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
    background-image: url(../img/shape-video2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-icon-video {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px;
    transform: translateY(0);
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-icon-video i {
    background-size: 300% 100%;
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to));
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-item-text-video {
    position: relative;
    width: 96px;
    height: 20px
}

.pxl-banner-video.pxl-banner-video1 .pxl-box-inner .pxl-video .pxl-btn-video .pxl-item-text-video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url(../img/text-video.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.pxl-text-marquee1.style1 {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    position: relative
}

.pxl-text-marquee1.style1:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, .3) 20%, #000 100%)
}

.pxl-text-marquee1.style1 .pxl-item--logo {
    width: 65px;
    min-width: 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-text-marquee1.style1 .pxl-item--text {
    color: transparent;
    padding: 0 20px;
    font-size: 180px;
    font-weight: 900;
    word-spacing: -30px;
    line-height: 1;
    position: relative
}

.pxl-text-marquee1.style1 .pxl-item--text.text-outline {
    color: transparent !important;
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 1px
}

.pxl-text-marquee1.style1 .pxl-item--text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    width: 80px;
    height: 100%
}

.pxl-text-marquee1.style1 .pxl-item--inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap
}

.pxl-text-marquee1.style2 {
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    position: relative
}

.pxl-text-marquee1.style2 .pxl-item--logo {
    width: 65px;
    min-width: 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-text-marquee1.style2 .pxl-item--text {
    color: transparent;
    margin: 0 10px;
    font-size: 100px;
    line-height: 1;
    position: relative
}

.pxl-text-marquee1.style2 .pxl-item--text.text-outline {
    color: transparent !important;
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 1px
}

.pxl-text-marquee1.style2 .pxl-item--text:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #dbdbdb;
    width: 450%;
    height: 100%;
    clip-path: polygon(0 0, 22% 0, 100% 100%, 75% 100%)
}

.pxl-text-marquee1.style2 .pxl-item--inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    white-space: nowrap
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-color: #fff;
    border: 1px solid #a6dae5;
    padding: 31px 35px 28px
}

@media(max-width:575px) {
    .pxl-banner-box.pxl-banner-box1 .pxl-item--inner {
        padding: 30px 15px
    }
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item--img {
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item-content {
    padding: 42px 20px
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item-content .pxl-item-title {
    font-size: 36px;
    font-weight: 600;
    line-height: 1.2
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item-content .pxl-item-desc {
    color: #686877;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.65;
    margin-bottom: 29px;
    margin-top: 28px;
    max-width: 95%
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item-content .pxl-item-btn .btn {
    padding: 0 6px 0 38px
}

.pxl-banner-box.pxl-banner-box1 .pxl-item--inner .pxl-item-content .pxl-item-btn .btn .pxl-btn-icon {
    margin-left: 15px
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner {
    position: relative;
    overflow: hidden;
    padding-bottom: 125px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 99%;
    background-color: #03045e;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .wptb-wrap-shape {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 100%
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .wptb-wrap-shape svg {
    width: 100%;
    height: auto
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .wptb-wrap-shape .wptb-svg-1 {
    fill: #03045e;
    z-index: 3;
    position: relative;
    bottom: -8px
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .wptb-wrap-shape .wptb-svg-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    fill: var(--primary-color)
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 0 15px;
    padding-bottom: 40px
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-title {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 25px;
    color: #fff
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone {
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-right: 5px solid var(--primary-color);
    padding: 19px 59px 15px 0;
    gap: 20px
}

@media(max-width:575px) {
    .pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone {
        padding-right: 30px
    }
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone .pxl-item--icon {
    border: 4px solid rgba(255, 255, 255, .2);
    background-color: var(--primary-color);
    font-size: 22px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    min-width: 52px;
    height: 52px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-left: -20px
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone .pxl-item--icon svg {
    height: 35px;
    width: auto
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone .pxl-item--icon svg path {
    fill: #fff
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone .pxl-content-phone {
    text-align: left
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone .pxl-content-phone .pxl-sub-phone {
    color: var(--primary-color);
    font-size: 15px;
    z-index: 3;
    position: relative;
    margin-bottom: 0
}

.pxl-banner-box.pxl-banner-box2.default .pxl-item--inner .pxl-item-content .pxl-item-phone .pxl-content-phone .pxl-title-phone {
    font-size: 27.3px;
    z-index: 3;
    font-weight: 600;
    position: relative;
    margin-bottom: 0;
    line-height: 1.875rem
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner {
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner:hover .pxl-item-number {
    animation: pxl_bounce 800ms ease-out infinite;
    -webkit-animation: pxl_bounce 800ms ease-out infinite
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner .pxl-item--img {
    display: inline-block;
    padding: 8px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: linear-gradient(0deg, #00b4d8 0%, rgba(0, 180, 216, 0) 100%)
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner .pxl-item--img img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner .pxl-item-number {
    color: #fff;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    font-weight: 600;
    outline: 4px solid rgba(0, 180, 216, .3);
    margin: 0 auto 20px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-top: -20px;
    z-index: 1;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner .pxl-item-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px
}

.pxl-banner-box.pxl-banner-box3.default .pxl-item--inner .pxl-item-desc {
    color: #fff
}

.pxl-banner-box.pxl-banner-box4.default .pxl-item--inner {
    text-align: center;
    position: relative;
    padding-top: 35px
}

.pxl-banner-box.pxl-banner-box4.default .pxl-item--inner .pxl-item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.pxl-banner-box.pxl-banner-box4.default .pxl-item--inner .pxl-item-content .pxl-item-title {
    font-family: public sans;
    font-size: 260px;
    font-style: normal;
    font-weight: 700;
    line-height: .8;
    letter-spacing: 4.063px;
    text-transform: uppercase;
    background: linear-gradient(180deg, #00b4d8 0%, rgba(255, 255, 255, 0) 79.42%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: -33px
}

@media(max-width:575px) {
    .pxl-banner-box.pxl-banner-box4.default .pxl-item--inner .pxl-item-content .pxl-item-title {
        font-size: 230px
    }
}

.pxl-banner-box.pxl-banner-box4.default .pxl-item--inner .pxl-item-content .pxl-item-desc {
    color: var(--primary-color);
    font-family: public sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 3.2px;
    max-width: 235px;
    display: inline-block
}

.pxl-banner-box.pxl-banner-box5.default .pxl-item--inner {
    text-align: center
}

.pxl-banner-box.pxl-banner-box5.default .pxl-item--inner .pxl-item--img {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background-color: var(--primary-color);
    border-radius: 27px
}

.pxl-banner-box.pxl-banner-box5.default .pxl-item--inner .pxl-item-content {
    margin-top: 32px;
    padding-top: 36px;
    border-top: 1px solid rgba(255, 255, 255, .54)
}

.pxl-banner-box.pxl-banner-box5.default .pxl-item--inner .pxl-item-content .pxl-item-title {
    font-family: tenor sans, sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    margin-bottom: 7px
}

.pxl-banner-box.pxl-banner-box5.default .pxl-item--inner .pxl-item-content .pxl-item-desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.66;
    color: #fff;
    font-family: barlow, sans-serif;
    max-width: 230px;
    display: inline-block
}

@media(max-width:1280px) {
    .pxl-banner-box.pxl-banner-box5.default .pxl-item--inner .pxl-item-content .pxl-item-desc {
        max-width: 100%
    }
}

.pxl-banner-box.pxl-banner-box6.default .pxl-item--inner {
    background-color: #fff;
    text-align: center;
    align-content: center;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 48px 15px
}

.pxl-banner-box.pxl-banner-box6.default .pxl-item--inner .pxl-item--img img {
    height: 60px;
    width: auto
}

.pxl-banner-box.pxl-banner-box6.default .pxl-item--inner .pxl-item-title {
    color: #200960;
    font-family: open sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.24;
    margin-top: 13px
}

@media(max-width:1024px) {
    .pxl-banner-box.pxl-banner-box6.default .pxl-item--inner .pxl-item-title {
        font-size: 18px
    }
}

.pxl-contact-custom .pxl-section-effect-images .pxl-item--image {
    z-index: -1
}

@media(max-width:1800px) {
    .pxl-contact-custom .pxl-section-effect-images .pxl-item--image {
        display: none
    }
}

@media(max-width:1366px) {
    .pxl-icon-home01 {
        position: relative !important;
        top: 0 !important;
        left: 0 !important
    }
}

@media(max-width:1200px) {
    .pxl-title-portfolio .pxl-heading .pxl-item--title {
        color: #000 !important
    }
}

@media(max-width:991px) {
    .pxl-title-page01 .pxl-text-editor a {
        color: #000 !important
    }
}

.pxl-text-custom1.style1 .pxl-text-inner {
    display: inline-block;
    background: linear-gradient(100deg, var(--gradient-color-from) .51%, var(--gradient-color-to) 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-custom1.style1 .pxl-item-title {
    font-size: 36px;
    font-weight: 700;
    font-family: inter, sans-serif;
    line-height: 1.1
}

.pxl-text-custom1.style2 .pxl-text-inner {
    display: inline-block;
    background: linear-gradient(100deg, var(--gradient-color-from) .51%, var(--gradient-color-to) 100%);
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-custom1.style2 .pxl-item-title {
    font-size: 36px;
    font-weight: 700;
    font-family: inter, sans-serif;
    line-height: 1.1
}

.pxl-swiper-arrow-wrap.style-4 .pxl-swiper-arrow {
    width: 45px;
    height: 45px;
    margin: 8px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: unset;
    box-shadow: 0 0 5px 5px rgba(210, 210, 210, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-swiper-arrow-wrap.style-4 .pxl-swiper-arrow:hover {
    background-color: #fff;
    color: var(--link-color);
    box-shadow: 0 0 10px 10px rgba(13, 125, 252, .1)
}

.pxl-test-carousel1 .pxl-swiper-container {
    padding: 0 5px
}

.pxl-test-carousel1 .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: space-between;
    transition: all .3s;
    width: 108%;
    z-index: 1
}

@media(max-width:1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap {
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        width: unset;
        justify-content: center;
        margin-top: 20px
    }
}

@media(max-width:1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        margin: 10px
    }
}

.pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
    position: absolute;
    left: 0
}

@media(max-width:1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev {
        position: relative
    }
}

.pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
    position: absolute;
    right: 0
}

@media(max-width:1250px) {
    .pxl-test-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow-next {
        position: relative
    }
}

.pxl-test-carousel1 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item--image .pxl-item-icon i {
    background: linear-gradient(100deg, #ff762a .51%, #ffc712 100%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content:before {
    opacity: 0;
    transform: scaleX(0)
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content:after {
    opacity: 1;
    transform: scaleX(1)
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--desc {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--holder .pxl-item--title {
    color: #fff
}

.pxl-test-carousel1 .pxl-item--inner:hover .pxl-item-content .pxl-item--holder .pxl-sub-title {
    color: #fff
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px 0 43px;
    margin-bottom: -45px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1024px) {
    .pxl-test-carousel1 .pxl-item--inner .pxl-item--image {
        padding: 0 20px
    }
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image .pxl-item-icon {
    font-size: 60px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    line-height: 1
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item--image .pxl-item-icon i {
    display: inline-block;
    background: linear-gradient(100deg, #d5d5d9 .51%, #d5d5d9 100%);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(180deg);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content {
    padding: 50px 30px 20px 40px;
    position: relative;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin: 10px 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1024px) {
    .pxl-test-carousel1 .pxl-item--inner .pxl-item-content {
        padding: 50px 20px 20px
    }
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 5px 5px rgba(210, 210, 210, .2);
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    opacity: 1;
    transform-origin: center;
    z-index: -1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: scaleX(1)
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(100deg, #fb009f .51%, #6900fd 100%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    opacity: 0;
    z-index: -1;
    transform-origin: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform: scaleX(0)
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--desc {
    color: #0e0d0f;
    font-size: 16px;
    font-family: inter, sans-serif;
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 17px;
    margin-bottom: 12px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-item--title {
    color: #0e0d0f;
    font-size: 16px;
    font-weight: 700;
    font-family: poppins, sans-serif;
    margin-bottom: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-sub-title {
    color: #a5a4a4;
    font-size: 15px;
    font-family: barlow, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-test-carousel1 .pxl-item--inner .pxl-item-content .pxl-item--holder .pxl-item--star {
    display: flex;
    align-items: center;
    font-size: 15px
}

.pxl-test-carousel2 .pxl-carousel-inner {
    margin: 0 -15px
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap {
    width: 45%;
    float: right;
    justify-content: unset;
    margin-top: 0;
    position: absolute;
    bottom: 130px;
    right: 0;
    z-index: 1;
    padding-left: 55px
}

@media(max-width:1024px) {
    .pxl-test-carousel2 .pxl-swiper-arrow-wrap {
        padding-left: 35px;
        bottom: 30px
    }
}

@media(max-width:880px) {
    .pxl-test-carousel2 .pxl-swiper-arrow-wrap {
        position: relative;
        width: 100%;
        padding-left: 0;
        bottom: 0
    }
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    margin-right: 20px;
    font-size: 20px;
    color: #57acfa
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:last-child {
    margin-right: 0
}

.pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
    color: #fff
}

@media(max-width:1880px) {
    .pxl-test-carousel2 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
        color: #57acfa
    }
}

.pxl-test-carousel2 .pxl-item--inner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 255px
}

@media(max-width:1024px) {
    .pxl-test-carousel2 .pxl-item--inner {
        padding-bottom: 100px
    }
}

@media(max-width:880px) {
    .pxl-test-carousel2 .pxl-item--inner {
        padding-bottom: 30px;
        padding-top: 0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left {
    width: 55%;
    position: relative;
    margin-top: -40px;
    margin-bottom: -255px
}

@media screen and (max-width:767px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left {
        width: 100%;
        height: 320px
    }
}

@media(max-width:880px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left {
        display: none
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/bg-light1.png);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

@media(max-width:1280px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left:before {
        left: 0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-shape-bg {
    mask-image: url(../img/shape-test2.png);
    -webkit-mask-image: url(../img/shape-test2.png);
    -ms-mask-image: url(../images/shape-test2.png);
    -o-mask-image: url(../images/shape-test2.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    width: 100%;
    height: 100%;
    -webkit-mask-position: top left;
    -ms-mask-position: top left;
    -o-mask-position: top left;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: contain;
    position: relative
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-banner--image {
    right: 10px;
    width: auto
}

@media screen and (max-width:767px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left .pxl-banner--image {
        right: 0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--left+.pxl-block--right {
    width: 45%
}

@media(max-width:880px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--left+.pxl-block--right {
        width: 100%
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-right-inner {
    padding-left: 55px
}

@media(max-width:1024px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-right-inner {
        padding-left: 30px
    }
}

@media(max-width:880px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-right-inner {
        padding-left: 0
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading {
    margin-bottom: 90px
}

@media(max-width:1200px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading {
        margin-bottom: 50px
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--desc {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    position: relative;
    font-family: inter, sans-serif;
    position: relative;
    padding-left: 50px;
    margin-bottom: 20px
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--desc:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg, #63def7 30%, #869fe0 100%)
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--desc:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 5px;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg, rgba(99, 222, 247, .6) 30%, #869fe0 100%)
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
    font-size: 60px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    margin-bottom: 0
}

@media(max-width:1200px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
        font-size: 50px
    }
}

@media(max-width:1024px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
        font-size: 40px
    }
}

@media(max-width:767px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-heading .pxl-widget--title {
        font-size: 30px
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--image {
    mask-image: url(../img/shape-bg1.png);
    -webkit-mask-image: url(../img/shape-bg1.png);
    -ms-mask-image: url(../images/shape-bg1.png);
    -o-mask-image: url(../images/shape-bg1.png);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -webkit-mask-position: top left;
    -ms-mask-position: top left;
    -o-mask-position: top left;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    mask-size: auto;
    position: relative
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item-content {
    position: relative;
    z-index: 1;
    background-color: #fff;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item-content .pxl-item-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 200px;
    line-height: .6;
    z-index: -1
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item-content .pxl-item-icon i {
    transform: rotate(180deg);
    display: inline-block;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #f0ebfb, #e5f8ff, #f0ebfb, #e5f8ff);
    background-clip: border-box;
    background-clip: border-box;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--desc {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 23px;
    max-width: 58%
}

@media(max-width:1280px) {
    .pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--desc {
        max-width: 100%
    }
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-item--title {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
    font-style: italic
}

.pxl-test-carousel2 .pxl-item--inner .pxl-block--right .pxl-sub-title {
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    color: #7d7d7d
}

.pxl-image-list.pxl--image-list1.style-default {
    display: flex;
    align-items: center
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item .pxl-image {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #fff;
    z-index: 1
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item:nth-child(1) {
    margin-left: 0
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item:nth-child(2) {
    z-index: 2;
    margin-left: -30px;
    animation-delay: 300ms !important
}

.pxl-image-list.pxl--image-list1.style-default .pxl--item:nth-child(3) {
    margin-left: -30px;
    z-index: 3;
    animation-delay: 500ms !important
}

.pxl-image-list.pxl--image-list1.style2 {
    display: flex;
    align-items: center
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item {
    display: flex;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item .pxl-image {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid var(--link-color);
    z-index: 1;
    background-color: #d9d9d9
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item .pxl-image img {
    mix-blend-mode: luminosity
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item:nth-child(1) {
    margin-left: 0
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item:nth-child(2) {
    z-index: 2;
    margin-left: -30px;
    animation-delay: 300ms !important
}

.pxl-image-list.pxl--image-list1.style2 .pxl--item:nth-child(3) {
    margin-left: -30px;
    z-index: 3;
    animation-delay: 500ms !important
}

.pxl-carousel-custom1 .pxl-carousel-inner {
    position: relative
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap {
    margin-top: 14px;
    gap: 14px
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    height: 16px;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-carousel-custom1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev svg {
    transform: rotate(180deg)
}

.pxl-carousel-custom1 .pxl-custom-inner {
    background-color: var(--primary-color);
    border-top: 2px solid var(--link-color);
    border-bottom: 2px solid var(--link-color);
    padding: 20px
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner:hover .pxl-item--holder .pxl-post--btn .pxl-item-btn {
    opacity: 1
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner .pxl-item--holder {
    overflow: hidden
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner .pxl-item--holder .pxl-post--btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pxl-carousel-custom1 .pxl-custom-inner .pxl-item-inner .pxl-item--holder .pxl-post--btn .pxl-item-btn {
    width: 100px;
    height: 100px;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 0
}

.pxl-carousel-custom2 .pxl-item--image {
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transform: scale(.7);
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 2px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-carousel-custom2 .pxl-item--image img {
    width: auto !important
}

.pxl-carousel-custom2 .pxl-item--desc {
    font-size: 23px;
    color: var(--link-color);
    font-weight: 400;
    max-width: 85%;
    margin: 0 auto;
    margin-top: 24px
}

@media(max-width:480px) {
    .pxl-carousel-custom2 .pxl-item--desc {
        font-size: 18px;
        margin-top: 15px;
        max-width: 100%
    }
}

.pxl-carousel-custom2 .pxl-item--title {
    font-size: 24px;
    color: var(--link-color);
    font-weight: 700;
    margin-bottom: 3px
}

.pxl-carousel-custom2 .swiper-slide-thumb-active .pxl-item--image {
    transform: scale(1);
    z-index: 1;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media(max-width:767px) {
    .pxl-carousel-custom2 .swiper-slide-thumb-active .pxl-item--image {
        border: none;
        box-shadow: unset
    }
}

@media screen and (max-width:575px) {
    .pxl-carousel-custom2 .swiper-slide-thumb-active .pxl-item--image {
        transform: scale(1)
    }
}

.pxl-carousel-custom2 .pxl-item--inner {
    text-align: center;
    max-width: 990px;
    margin: auto
}

.pxl-carousel-custom2 .pxl-swiper-thumbs {
    max-width: 470px;
    margin: 0 auto;
    padding: 25px 0;
    z-index: 5;
    position: relative
}

@media(max-width:575px) {
    .pxl-carousel-custom2 .pxl-swiper-thumbs {
        display: none
    }
}

@media screen and (max-width:1200px) {
    .pxl-carousel-custom2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left: 0
    }
}

@media screen and (max-width:1200px) {
    .pxl-carousel-custom2 .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right: 0
    }
}

.pxl-carousel-custom2 .pxl-swiper-dots {
    margin-top: 60px
}

.pxl-box-list.pxl-box-list1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--primary-color);
    padding: 55px 20px 62px;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    overflow: hidden
}

@media(max-width:1024px) {
    .pxl-box-list.pxl-box-list1 {
        padding: 35px 15px
    }
}

@media(max-width:676px) {
    .pxl-box-list.pxl-box-list1 {
        display: block;
        text-align: center
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-shape {
    position: absolute;
    width: 150px;
    top: -20%;
    left: -10%;
    height: 150px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-size: 350% 100%;
    background-image: linear-gradient(to right, var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from));
    animation: movement 10s linear infinite
}

@media(max-width:880px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-shape {
        display: none
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-inner {
    display: flex;
    align-items: center;
    padding: 0 23px;
    z-index: 2
}

@media(max-width:1024px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-inner {
        padding: 0 15px
    }
}

@media(max-width:991px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-inner {
        display: unset
    }
}

.pxl-box-list.pxl-box-list1 .pxl-image {
    margin-bottom: 20px
}

@media(max-width:991px) {
    .pxl-box-list.pxl-box-list1 .pxl-image.pxl-mr-28 {
        margin-right: 0
    }
}

.pxl-box-list.pxl-box-list1 .pxl-image img {
    max-width: 65px;
    filter: invert(100%)sepia(0%)saturate(0%)hue-rotate(95deg)brightness(103%)contrast(102%)
}

@media(max-width:1024px) {
    .pxl-box-list.pxl-box-list1 .pxl-image img {
        max-width: 55px
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

@media(max-width:1199px) {
    .pxl-box-list.pxl-box-list1 .pxl-item-title {
        font-size: 20px
    }
}

.pxl-box-list.pxl-box-list1 .pxl-item-desc {
    font-size: 15px;
    color: #d5cceb
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner {
    display: flex;
    align-items: center
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-inner-video .pxl-btn-video {
    width: 50px;
    min-width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #278eef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    padding: 1px 0 0 4px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-inner-video .pxl-btn-video:hover {
    background-color: #6d34d2
}

.pxl-text-video.pxl-text-video1 .pxl-meta-inner .pxl-item-title {
    font-size: 15px;
    font-weight: 700;
    color: #278eef
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner:hover .pxl-item--imgprimary {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner:hover .pxl-img-title:before {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-img-title {
    display: flex;
    position: relative;
    padding-bottom: 23px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px
}

@media(max-width:880px) {
    .pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-img-title {
        margin-bottom: 20px
    }
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-img-title:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to))
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item--imgprimary {
    width: 53px;
    min-width: 53px;
    height: 53px;
    display: flex;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to))
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item--imgprimary img {
    filter: invert(99%)sepia(2%)saturate(131%)hue-rotate(155deg)brightness(118%)contrast(100%)
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width:880px) {
    .pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title {
        font-size: 20px
    }
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title a {
    color: #212456
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-title a:hover {
    color: var(--primary-color)
}

.pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-desc {
    font-size: 18px;
    color: #474747;
    line-height: 1.6
}

@media(max-width:880px) {
    .pxl-service-custom.pxl-service-custom1 .pxl-box-inner .pxl-item-desc {
        font-size: 16px
    }
}

.pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner {
    height: auto !important
}

.pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner .pxl-grid-item {
    position: static !important
}

@media(max-width:1199px) {
    .pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner .pxl-grid-item {
        max-width: 100% !important;
        flex: 100% !important
    }
}

.pxl-mega-menu .pxl-showcase-grid1 .pxl-grid-inner .grid-sizer {
    display: none
}

.pxl-showcase-grid {
    text-align: center
}

.pxl-showcase-grid .pxl-item--image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    -webkit-box-shadow: 0 10px 20px rgba(137, 151, 186, .25);
    -khtml-box-shadow: 0 10px 20px rgba(137, 151, 186, .25);
    -moz-box-shadow: 0 10px 20px rgba(137, 151, 186, .25);
    -ms-box-shadow: 0 10px 20px rgba(137, 151, 186, .25);
    -o-box-shadow: 0 10px 20px rgba(137, 151, 186, .25);
    box-shadow: 0 10px 20px rgba(137, 151, 186, .25);
    margin-bottom: 25px
}

.pxl-showcase-grid .pxl-item--image:before {
    background-color: #1c2539;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    opacity: 0
}

.pxl-showcase-grid .pxl-item--buttons {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -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%);
    z-index: 99
}

.pxl-showcase-grid .pxl-item--buttons .btn {
    color: #fff !important;
    line-height: 44px;
    padding: 0 30px;
    font-size: 15px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    margin: 5px 0;
    font-weight: 700;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to), var(--gradient-color-from), var(--gradient-color-to))
}

.pxl-showcase-grid .pxl-item--buttons .btn:hover {
    color: #fff !important;
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-showcase-grid .pxl-item--buttons .pxl-item--button {
    transform: translateY(-40px);
    opacity: 0;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.pxl-showcase-grid .pxl-item--title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff
}

.pxl-showcase-grid .pxl-item--title a {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit
}

.pxl-showcase-grid .pxl-item--inner {
    border-radius: 5px
}

@media(max-width:1200px) {
    .pxl-showcase-grid .pxl-item--inner {
        margin-bottom: 30px
    }
}

.pxl-showcase-grid .pxl-item--inner.style-2 .pxl-item--image {
    position: relative
}

.pxl-showcase-grid .pxl-item--inner.style-2 .pxl-item--image:before {
    display: none
}

.pxl-showcase-grid .pxl-item--inner.style-2 .pxl-item--image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(48, 49, 66, .5);
    backdrop-filter: blur(15px)
}

.pxl-showcase-grid .pxl-item--inner:hover .pxl-item--buttons .pxl-item--button {
    transform: translateY(0);
    opacity: 1
}

.pxl-showcase-grid .pxl-item--inner:hover .pxl-item--image:before {
    opacity: .67
}

.pxl-logo-box.style1 a {
    background-color: #fff;
    filter: drop-shadow(0 30px 30px rgba(0, 0, 0, 4%));
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    display: block;
    z-index: 5;
    position: relative;
    padding: 45px 45px 38px;
    overflow: hidden
}

.pxl-logo-box.style1 a:after {
    content: '';
    position: absolute;
    height: 4px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: var(--primary-color)
}

.pxl-logo-box.style2 a {
    background-color: #323232;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 39px 32px 22px 33px
}

.pxl-search-popup-button,
.pxl-cart-sidebar-button {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--link-color);
    background-color: var(--link-color-hover);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: color .3s ease, transform .3s ease;
    -khtml-transition: color .3s ease, transform .3s ease;
    -moz-transition: color .3s ease, transform .3s ease;
    -ms-transition: color .3s ease, transform .3s ease;
    -o-transition: color .3s ease, transform .3s ease;
    transition: color .3s ease, transform .3s ease;
    cursor: pointer;
    font-size: 14px;
    position: relative
}

.pxl-search-popup-button span,
.pxl-cart-sidebar-button span {
    line-height: 0
}

.pxl-search-popup-button svg,
.pxl-cart-sidebar-button svg {
    height: 14px;
    width: auto
}

.pxl-search-popup-button svg path,
.pxl-cart-sidebar-button svg path {
    stroke: var(--link-color)
}

.pxl-cart-sidebar-button svg {
    fill: #1b1d21;
    height: 24px;
    width: inherit
}

.pxl-search-popup-button.style-box {
    width: 47px;
    height: 47px;
    background-color: #009688;
    line-height: 47px;
    color: #fff;
    font-size: 20px
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner {
    position: relative
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-inner-image {
    background-color: #d9d9d9
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-inner-image img {
    mix-blend-mode: luminosity
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #fff;
    padding: 32px 15px 19px 20px;
    max-width: 120px
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--number {
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1.6px;
    color: var(--link-color);
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 2px
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--prefix,
.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--suffix {
    color: var(--primary-color)
}

.pxl-couner-banner.pxl-couner-banner1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--title {
    font-family: Outfit;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #666
}

.pxl-title-box.pxl-title-box1 .pxl-image-wg {
    filter: drop-shadow(0 8px 21.5px rgba(0, 0, 0, .21))
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner {
    display: inline-flex;
    clip-path: polygon(50% 0, 50% 0, 100% 25%, 110% 70%, 50% 100%, 50% 100%, 0 75%, 0 25%);
    width: 196px;
    min-width: 196px;
    height: 227px;
    position: relative;
    background-color: var(--gradient-color-from);
    text-align: center
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-item-clip {
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    clip-path: polygon(50% 0, 50% 0, 100% 25%, 110% 70%, 50% 100%, 50% 100%, 0 75%, 0 25%);
    background-color: #fff;
    padding-top: 38px
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-item-conent {
    padding: 0 10px 17px;
    margin-bottom: 5px;
    border-bottom: 3px solid var(--gradient-color-from)
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-sub-title {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    font-family: inter, sans-serif;
    line-height: 25px;
    background-color: var(--primary-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 0 17px;
    display: inline-block;
    margin-bottom: 10px
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-item-title {
    font-size: 22px;
    color: var(--link-color);
    font-weight: 700;
    line-height: 1.05
}

.pxl-title-box.pxl-title-box1 .pxl-meta-inner .pxl-conent-number {
    display: inline-flex;
    align-items: center;
    font-size: 26px;
    color: #151f35;
    font-weight: 700
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner {
    position: relative;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin-bottom: 30px
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner:hover a:before {
    opacity: 1
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner:hover a:after {
    opacity: 1
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner:hover a img {
    opacity: .7;
    transform: scale(1.05)
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a {
    width: 100%;
    display: block;
    height: 100%;
    z-index: 1;
    position: relative;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: var(--link-color)
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 30px;
    background-color: #fff;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-gallery-layout.pxl-gallery-1 .item--inner a img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-process .pxl-swiper-container {
    margin: 0 -10px
}

.pxl-process .pxl-swiper-slide {
    padding: 0 10px
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--image {
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--image .pxl-item--number {
    font-size: 44px;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    position: absolute;
    bottom: -11px;
    left: 16px
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 11px;
    margin-top: 23px;
    font-size: 20px;
    font-weight: 600
}

.pxl-process.pxl-process-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    font-size: 15px;
    color: #494949
}

.pxl-meta-grid1 .pxl-item--inner {
    background-color: #f6f6f6;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 19px 20px 21px 30px
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--icon {
    font-size: 40px;
    color: var(--primary-color);
    line-height: 1;
    padding-left: 15px;
    padding-top: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform: translate(0, -50%);
    z-index: -1
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--icon svg {
    height: 40px
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--icon svg path {
    fill: var(--primary-color)
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 9px;
    font-size: 20px;
    font-weight: 600
}

.pxl-meta-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    font-size: 15px;
    font-weight: 400;
    color: #494949
}

.pxl-meta-grid2 .pxl-item--inner {
    border-top: 1px solid #9f9f9f;
    border-left: 1px solid #9f9f9f;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 30px;
    padding: 15px 0 0 15px
}

.pxl-meta-grid2 .pxl-item--inner .pxl-item--holder {
    background-color: #fff;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    padding: 42px 40px 40px
}

.pxl-meta-grid2 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color);
    margin-bottom: 20px
}

.pxl-meta-grid2 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    color: #444;
    font-size: 18px
}

@media(max-width:1280px) {
    .pxl-meta-grid2 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
        font-size: 16px
    }
}

.search-form .searchform-wrap {
    position: relative
}

.search-form .searchform-wrap .search-field {
    padding-right: 60px
}

.search-form .searchform-wrap .search-submit {
    height: 54px;
    width: 54px;
    font-weight: 700;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    top: 50%;
    right: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0;
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%)
}

.search-form .searchform-wrap .search-submit i {
    line-height: 1;
    background-color: unset;
    color: #fff;
    font-size: 14px;
    width: 14px;
    height: 14px
}

.search-form .searchform-wrap .search-submit i svg {
    height: auto
}

.search-form .searchform-wrap .search-submit i svg path {
    fill: #fff
}

.pxl-image-single.style_img2 .pxl-item--inner {
    position: relative
}

.pxl-image-single.style_img2 .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-image-single .pxl-item--inner {
    overflow: hidden
}

.pxl-image-single .pxl-item--inner .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.pxl-image-single.style_img3 {
    position: relative
}

.pxl-image-single.style_img3 .pxl-item--inner {
    position: relative
}

.pxl-image-single.style_img3 .pxl-item--inner .bg-image {
    background-color: var(--primary-color);
    mix-blend-mode: multiply
}

.pxl-image-single.style_img3 .pxl-item--inner .pxl-item--image {
    background-color: var(--primary-color)
}

.pxl-image-single.style_img3 .pxl-item--inner .pxl-item--image img {
    mix-blend-mode: multiply
}

.pxl-image-single.style_img4 {
    position: relative
}

.pxl-image-single.style_img4 .pxl-item--inner {
    position: relative
}

.pxl-image-single.style_img4 .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-image-single.style_img4 .pxl-item--inner:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 50%, var(--link-color) 100%)
}

.pxl-career-grid1 .pxl-item--inner {
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    padding: 32px 20px 24px 28px;
    position: relative;
    overflow: hidden
}

.pxl-career-grid1 .pxl-item--inner .pxl-link-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-career-grid1 .pxl-item--inner:hover .pxl-item--icon {
    color: var(--primary-color)
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--icon {
    font-size: 50px;
    line-height: 1;
    color: var(--link-color);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--holder {
    margin-top: 15px
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    margin-bottom: 17px;
    font-size: 22px;
    font-weight: 600;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    z-index: 1
}

.pxl-career-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--desc {
    font-size: 16px;
    color: #494949
}

.pxl-apply-list1 .pxl-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dbdbdb;
    padding-top: 36px;
    padding-bottom: 46px
}

@media(max-width:880px) {
    .pxl-apply-list1 .pxl-item {
        display: block
    }
}

.pxl-apply-list1 .pxl-item:last-child {
    border-bottom: 1px solid #dbdbdb
}

.pxl-apply-list1 .pxl-item .pxl-address-time {
    display: flex;
    align-items: end
}

@media(max-width:1024px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time {
        display: block
    }
}

.pxl-apply-list1 .pxl-item .pxl-item-boder {
    position: relative;
    padding-right: 65px
}

@media(max-width:1199px) {
    .pxl-apply-list1 .pxl-item .pxl-item-boder {
        padding-right: 50px
    }
}

@media(max-width:880px) {
    .pxl-apply-list1 .pxl-item .pxl-item-boder {
        padding-right: 0
    }

    .pxl-apply-list1 .pxl-item .pxl-item-boder:after {
        display: none
    }
}

.pxl-apply-list1 .pxl-item .pxl-item-boder:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 2px;
    height: 77px;
    transform: translate(0, -50%);
    background: radial-gradient(circle at 0%, #dbdbdb, #dbdbdb 0%, #fff 75%, #dbdbdb 1e3%)
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-title-address {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color);
    margin-bottom: 11px
}

@media(max-width:880px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time .pxl-title-address {
        font-size: 20px
    }
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-sub-address {
    font-size: 16px;
    color: #494949;
    padding-left: 4px
}

@media(max-width:880px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time .pxl-sub-address {
        padding-left: 0
    }
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-sub-address i {
    color: var(--link-color)
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-item-time {
    font-size: 16px;
    color: #494949;
    margin-left: 32px;
    margin-bottom: 3px
}

@media(max-width:1024px) {
    .pxl-apply-list1 .pxl-item .pxl-address-time .pxl-item-time {
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 15px
    }
}

.pxl-apply-list1 .pxl-item .pxl-address-time .pxl-item-time i {
    color: var(--link-color)
}

.pxl-apply-list1 .pxl-item .sub-style {
    font-size: 16px;
    color: #494949;
    margin-top: 9px
}

.pxl-apply-list1 .pxl-item .title-style {
    font-size: 20px;
    color: var(--link-color)
}

@media(max-width:880px) {
    .pxl-apply-list1 .pxl-item .pxl-item-button {
        margin-top: 20px
    }
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn {
    background-color: unset;
    border: 2px solid #494949;
    border-radius: 6px;
    color: #494949;
    line-height: 52px
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn i {
    background-color: #494949;
    color: #fff
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff
}

.pxl-apply-list1 .pxl-item .pxl-item-button .btn:hover i {
    background-color: #fff;
    color: var(--link-color)
}

.pxl-career-single {
    padding: 5px
}

.pxl-career-single .pxl-item--image {
    position: relative
}

.pxl-career-single .pxl-item--image:before {
    content: '';
    background: linear-gradient(#000, rgba(255, 255, 255, 1%));
    width: 100%;
    height: 29.76%;
    top: 0;
    left: 0;
    position: absolute
}

.pxl-career-single .pxl-item--image img {
    width: 100%
}

.pxl-button-video1 .pxl-btn-video {
    padding-top: 1px;
    height: 55px;
    background-color: initial;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--link-color);
    border: 1px solid var(--link-color)
}

.pxl-button-video1 .pxl-btn-video .pxl-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--link-color);
    width: 55px;
    height: 54px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-button-video1 .pxl-btn-video .pxl-button--title {
    padding: 0 73px
}

@media(max-width:1200px) {
    .pxl-button-video1 .pxl-btn-video .pxl-button--title {
        padding: 0 30px
    }
}

.pxl-button-video1 .pxl-btn-video:hover {
    background-color: initial
}

.pxl-button-video1 .pxl-btn-video:hover .pxl-icon {
    background-color: var(--link-color);
    color: #fff
}

.pxl-instagram-grid1 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-instagram-grid1 .pxl-item--inner:hover .pxl-item--image a i {
    opacity: 1;
    top: 50%
}

.pxl-instagram-grid1 .pxl-item--inner:hover .pxl-item--image a img {
    opacity: .6
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image {
    background-color: var(--link-color);
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image a {
    display: block;
    position: relative
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image a i {
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.pxl-instagram-grid1 .pxl-item--inner .pxl-item--image a img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-grid1 .pxl-item--inner .pxl-item--image {
    text-align: center
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner {
    position: relative;
    text-align: center;
    width: 569px;
    min-width: 569px;
    height: 569px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 83, 3, .788);
    align-content: center
}

@media(max-width:1199px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner {
        width: 500px;
        min-width: 500px;
        height: 500px
    }
}

@media(max-width:575px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner {
        width: unset;
        min-width: unset;
        height: unset;
        background-color: unset
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-border {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 83, 3, .369);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: pxl_pulse_radius 2e3ms ease-out infinite;
    -webkit-animation: pxl_pulse_radius 2e3ms ease-out infinite;
    z-index: -2;
    border-radius: inherit
}

@media(max-width:575px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-border {
        display: none
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-sub-title {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    position: relative;
    display: inline-block;
    line-height: 1.2;
    padding-left: 25px
}

@media(max-width:1199px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-sub-title {
        font-size: 20px
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-sub-title:before {
    content: '';
    background-image: url(../img/img-icon-fancybox1.png);
    width: 21px;
    height: 21px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    background-repeat: no-repeat;
    filter: brightness(0)saturate(100%)invert(99%)sepia(39%)saturate(2%)hue-rotate(200deg)brightness(110%)contrast(100%);
    transform: translate(0, -50%)
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-title {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    filter: drop-shadow(0 3px 3.5px rgba(0, 0, 0, .35));
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 19px
}

@media(max-width:1199px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-title {
        font-size: 50px
    }
}

@media(max-width:480px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-title {
        font-size: 40px
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-desc {
    opacity: .851;
    font-size: 19px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    max-width: 89%;
    margin: 0 auto;
    line-height: 1.77;
    margin-bottom: 41px
}

@media(max-width:575px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-desc {
        margin-bottom: 30px
    }
}

@media(max-width:480px) {
    .pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-item-desc {
        max-width: 100%
    }
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link {
    display: inline-flex
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link a {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    background-color: var(--link-color);
    padding: 8px 10px 8px 27px;
    display: inline-flex;
    align-items: center
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link a:hover span {
    transform: rotate(0)
}

.pxl-fancy-box.pxl-fancy-box1 .pxl-meta-inner .pxl-btn-link a span {
    filter: drop-shadow(0 3px 3.5px rgba(0, 0, 0, .35));
    background-color: #fff;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    border-radius: 50%;
    color: #000;
    transform: rotate(-44deg);
    margin-left: 17px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner {
    background-color: #f6f6f6;
    padding: 35px 40px 40px
}

@media(max-width:880px) {
    .pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner {
        padding: 30px 20px
    }
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-image-wg {
    display: flex
}

@media(max-width:1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-image-wg {
        display: block
    }
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item--icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 4px;
    padding-top: 8px
}

@media(max-width:1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item--icon {
        margin-bottom: 15px;
        margin-right: 0;
        padding-top: 0
    }
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item-content .pxl-item-title {
    font-size: 24px;
    color: #262626;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px
}

.pxl-fancy-box.pxl-fancy-box2.style1 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: #555;
    font-weight: 400;
    font-family: inter
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner {
    background-color: var(--primary-color);
    padding: 35px 40px 40px
}

@media(max-width:880px) {
    .pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner {
        padding: 30px 20px
    }
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-image-wg {
    display: flex
}

@media(max-width:1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-image-wg {
        display: block
    }
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item--icon {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 4px;
    padding-top: 8px
}

@media(max-width:1200px) {
    .pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item--icon {
        margin-bottom: 15px !important;
        margin-right: 0 !important;
        padding-top: 0 !important
    }
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item--icon img {
    filter: brightness(0)saturate(100%)invert(99%)sepia(39%)saturate(2%)hue-rotate(200deg)brightness(110%)contrast(100%)
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item-content .pxl-item-title {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px
}

.pxl-fancy-box.pxl-fancy-box2.style2 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    font-family: inter;
    opacity: .851
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner {
    margin-left: 33px;
    border-radius: 8px;
    filter: drop-shadow(-1.035px 3.864px 21.5px rgba(0, 9, 37, .2));
    transform: translateX(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 31px 20px 27px 0;
    position: relative;
    background-color: #fff
}

@media(max-width:1024px) {
    .pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner {
        margin-left: 0;
        padding: 25px 15px
    }
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-shape-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-shape-img:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 140px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/shape-img1.png);
    background-position: 50%;
    width: 100%;
    height: 105%;
    z-index: -1;
    opacity: 0;
    border-radius: 8px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg {
    display: flex;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1024px) {
    .pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg {
        display: block
    }
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 50%;
    filter: drop-shadow(-3.914px 5.803px 0 var(--primary-color));
    background-color: var(--gradient-color-to);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -33px;
    margin-right: 25px;
    font-size: 30px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative
}

@media(max-width:1024px) {
    .pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon {
        margin-left: 0;
        margin-bottom: 15px
    }
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon .pxl-icon1 img {
    filter: invert(100%)sepia(5%)saturate(0%)hue-rotate(319deg)brightness(104%)contrast(106%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 1
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon .pxl-icon2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item--icon .pxl-icon2 img {
    filter: invert(18%)sepia(18%)saturate(6381%)hue-rotate(207deg)brightness(93%)contrast(112%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item-content .pxl-item-title {
    font-size: 22px;
    color: var(--gradient-color-to);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 12px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner .pxl-image-wg .pxl-item-content .pxl-item-desc {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover {
    transform: translateX(8px);
    background-color: var(--gradient-color-to)
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-shape-img:before {
    opacity: 1
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item--icon {
    background-color: #fff;
    color: var(--gradient-color-to)
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item--icon .pxl-icon1 img {
    opacity: 0
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item--icon .pxl-icon2 img {
    opacity: 1
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item-content .pxl-item-title {
    color: #fff
}

.pxl-fancy-box.pxl-fancy-box3 .pxl-meta-inner:hover .pxl-image-wg .pxl-item-content .pxl-item-desc {
    color: #f2f2f2
}

.pxl-fancy-box.pxl-fancy-box3.style2 .pxl-meta-inner:hover {
    transform: translateX(-8px)
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner {
    position: relative;
    padding-bottom: 58px
}

@media(max-width:360px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner {
        padding-bottom: 15px
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 {
    text-align: right;
    padding-right: 40px
}

@media(max-width:1024px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 {
        padding-right: 0
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 .pxl-item--img {
    display: inline-block
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout1 .pxl-item--img img {
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-transform-left {
        transform: none !important
    }
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-transform-left img {
        transform: none !important
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 {
    position: absolute;
    bottom: 0;
    left: 63px;
    perspective: 70px;
    perspective-origin: 50% 50%
}

@media(max-width:1280px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 {
        left: 0
    }
}

@media(max-width:360px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 {
        position: unset;
        display: inline-block;
        margin-top: 30px;
        width: 100%
    }
}

@media(max-width:360px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-item--image img {
        width: 100%
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2:hover .pxl-inner-content {
    transform: scaleX(1)scaleY(1)scaleZ(.1)rotateX(8deg)rotateY(0)rotateZ(0)translateX(0)translateY(0)translateZ(0)skewX(0)skewY(0)
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-image-wg {
        transform: none !important;
        -webkit-transform: none !important
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content {
    position: relative;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    border: 16px solid #fff;
    -webkit-transition: all 1s;
    -khtml-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content {
        filter: drop-shadow(0 7px 13.5px rgba(0, 0, 0, 5%))
    }
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content:before {
    content: '';
    position: absolute;
    background-color: rgba(12, 14, 18, .42);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 7px;
    z-index: 2;
    width: 100%
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-button-video {
    margin-bottom: 15px
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-btn-video {
    width: 75px;
    height: 75px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: drop-shadow(0 1px 27px rgba(47, 84, 238, .46));
    background-color: var(--primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -khtml-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .5s cubic-bezier(.23, 1, .32, 1);
    transition: .5s cubic-bezier(.23, 1, .32, 1)
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-btn-video:hover {
    background-color: #fff;
    color: var(--primary-color);
    animation: jello 1s
}

.pxl-banner-video.pxl-banner-video1 .pxl-meta-inner .pxl-item-layout2 .pxl-inner-content .pxl-inner-video .pxl-item-title {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fefeff;
    font-weight: 700
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner {
    display: flex
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner {
        display: block
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-img {
    width: 50%
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-img {
        width: 100%
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
    margin-left: -181px;
    padding-top: 3px
}

@media(max-width:1280px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
        margin-left: -250px
    }
}

@media(max-width:1199px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
        display: none
    }
}

@media(max-width:1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video {
        margin-left: 0
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left {
    margin-left: 0;
    padding-top: 35px;
    display: inline-block;
    display: none
}

@media(max-width:1199px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left {
        display: inline-block
    }
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left {
        display: block
    }
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video.layout-left img {
        width: 100%
    }
}

@media(max-width:1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-layout-video .pxl-image-wg {
        transform: unset !important;
        -webkit-transform: unset !important
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content {
    position: relative
}

@media(max-width:676px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content {
        display: inline-block
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-item--image {
    position: relative;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all 1s;
    -khtml-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #000
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-item--image img {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    opacity: .7
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 7px;
    z-index: 2;
    width: 100%
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-button-video {
    margin-bottom: 15px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-btn-video {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    color: #4f4f4f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -khtml-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: .5s cubic-bezier(.23, 1, .32, 1);
    -o-transition: .5s cubic-bezier(.23, 1, .32, 1);
    transition: .5s cubic-bezier(.23, 1, .32, 1);
    font-size: 13px;
    line-height: 1
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-btn-video:hover {
    background-color: #fff;
    color: var(--primary-color);
    animation: jello 1s
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-inner-content .pxl-inner-video .pxl-item-title {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fefeff;
    font-weight: 700
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content {
    width: 50%;
    padding-left: 51px
}

@media(max-width:1280px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content {
        padding-left: 30px
    }
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content {
        width: 100%;
        padding-left: 0
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading {
    padding-top: 20px;
    margin-bottom: 26px;
    padding-left: 2px
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading {
        padding-left: 0;
        padding-top: 50px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-sub-title {
    font-size: 19px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    font-family: barlow semi condensed;
    margin-bottom: 8px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
    font-size: 60px;
    letter-spacing: .5px;
    color: #090909;
    font-weight: 800;
    font-family: barlow semi condensed;
    line-height: 1.1;
    max-width: 75%
}

@media(max-width:1280px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        max-width: 100%
    }
}

@media(max-width:1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        font-size: 55px
    }
}

@media(max-width:880px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        font-size: 45px
    }
}

@media(max-width:767px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-heading .pxl-item-title {
        font-size: 35px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
    font-size: 18px;
    letter-spacing: .15px;
    color: #626262;
    font-weight: 400;
    font-family: barlow semi condensed;
    max-width: 73%
}

@media(max-width:991px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-desc {
        max-width: 100%
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list {
    display: flex;
    padding-top: 37px
}

@media(max-width:1024px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list {
        display: block;
        padding-top: 25px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list {
    margin-left: 74px
}

@media(max-width:1199px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list {
        margin-left: 0;
        width: 100%
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 13px;
    margin-bottom: 11px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list {
    font-size: 20px;
    color: #222;
    font-weight: 700;
    font-family: barlow semi condensed;
    display: flex;
    align-items: center
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list .pxl-icon-list {
    width: 15px;
    min-width: 15px;
    height: 15px;
    display: flex;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 27px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list .pxl-icon-list svg {
    height: 8px;
    width: auto
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-video-list .pxl-list .pxl-item .pxl-item--title-list .pxl-icon-list svg path {
    fill: #fff
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom {
    display: flex;
    align-items: center;
    margin-top: 52px;
    margin-left: -3px
}

@media(max-width:991px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom {
        display: block;
        margin-left: 0;
        margin-top: 30px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn {
    margin-right: 29px
}

@media(max-width:991px) {
    .pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn {
    position: relative;
    padding-right: 43px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn i {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn:hover i {
    right: 10px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-item-btn .btn span {
    padding: 0 30px 0 20px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-inner-phone {
    font-size: 24px;
    letter-spacing: 0;
    color: #090909;
    font-weight: 700;
    font-family: barlow semi condensed
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item-content .pxl-item-bottom .pxl-inner-phone .pxl-icon-phone {
    margin-left: 14px;
    margin-right: 8px
}

.pxl-banner-video.pxl-banner-video2 .pxl-meta-inner .pxl-item--img img {
    border-radius: 10px;
    border-left: 7px solid var(--primary-color)
}

.pxl-left-image {
    overflow: hidden;
    display: inline-block
}

.pxl-left-image img {
    object-fit: cover;
    transform-origin: left
}

.pxl-right-image {
    overflow: hidden;
    display: inline-block
}

.pxl-right-image img {
    object-fit: cover;
    transform-origin: right
}

.pxl-dow-image {
    overflow: hidden;
    display: inline-block
}

.pxl-dow-image img {
    object-fit: cover;
    transform-origin: top
}

.pxl-up-image {
    overflow: hidden;
    display: inline-block
}

.pxl-up-image img {
    object-fit: cover;
    transform-origin: bottom
}

.pxl-clip-left {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-clip-left img {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-cart-sidebar-button.style1 {
    font-size: 23px;
    color: #1b1d21;
    position: relative
}

.pxl-cart-sidebar-button.style1 .pxl_cart_counter {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-family: urbanist;
    font-size: 12px;
    position: absolute;
    bottom: -11px;
    left: -10px;
    padding-top: 2px;
    padding-left: 1px
}

.pxl-cart-sidebar-button.style2 {
    font-size: 17px;
    color: #fff;
    position: relative
}

.pxl-cart-sidebar-button.style2 .pxl_cart_counter {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--link-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-family: urbanist;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: -5px
}

body:not(.elementor-editor-active) .pxl-element-slider {
    opacity: 0
}

.pxl-element-slider {
    position: relative;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    border-radius: inherit
}

.pxl-element-slider .pxl-swiper-slide {
    opacity: 0 !important
}

.pxl-element-slider .swiper-slide-active {
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    opacity: 1 !important;
    z-index: 1
}

.pxl-element-slider .pxl-slider-progressbar {
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--link-color);
    height: 2px;
    z-index: 100;
    width: 0;
    -webkit-transition: all 100ms linear 0ms;
    -khtml-transition: all 100ms linear 0ms;
    -moz-transition: all 100ms linear 0ms;
    -ms-transition: all 100ms linear 0ms;
    -o-transition: all 100ms linear 0ms;
    transition: all 100ms linear 0ms
}

.pxl-element-slider .pxl-slider--image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-element-slider .pxl-slider--mainimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    -webkit-transition: all 600ms linear 0ms;
    -khtml-transition: all 600ms linear 0ms;
    -moz-transition: all 600ms linear 0ms;
    -ms-transition: all 600ms linear 0ms;
    -o-transition: all 600ms linear 0ms;
    transition: all 600ms linear 0ms;
    overflow: hidden
}

.pxl-element-slider .pxl-slider--mainimage.wow {
    visibility: visible
}

.pxl-element-slider .pxl-slider--mainimage.pxl-image--kenburns.animated {
    animation-name: pxl_kenburns;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 40s;
    transform: scale(1.2)
}

.pxl-element-slider .pxl-slider--overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden
}

.pxl-element-slider .pxl-slider--inner {
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media screen and (max-width:1200px) {
    .pxl-element-slider .pxl-slider--inner {
        height: auto !important
    }
}

.pxl-element-slider .pxl-slider--mainimage,
.pxl-element-slider .pxl-slider--image,
.pxl-element-slider .pxl-slider--inner,
.pxl-element-slider .pxl-swiper-slide,
.pxl-element-slider .pxl-swiper-wrapper,
.pxl-element-slider .pxl-swiper-container,
.pxl-element-slider .pxl-carousel-inner {
    border-radius: inherit
}

.pxl-element-slider.style1 .pxl-swiper-arrow-wrap {
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105%;
    z-index: 2;
    transform: translate(-50%, -50%)
}

@media(max-width:1024px) {
    .pxl-element-slider.style1 .pxl-swiper-arrow-wrap {
        position: relative;
        top: unset;
        transform: none;
        width: 100%;
        left: unset
    }
}

.pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    color: #999;
    font-size: 20px;
    margin: 0 10px;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

@media(max-width:1024px) {
    .pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
        position: relative;
        top: unset;
        transform: none
    }
}

.pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 0
}

@media(max-width:1024px) {
    .pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
        left: unset
    }
}

.pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 0
}

@media(max-width:1024px) {
    .pxl-element-slider.style1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
        right: unset
    }
}

.pxl-text-carousel1 {
    position: relative
}

.pxl-text-carousel1.style1 .pxl-inner-content {
    position: relative
}

.pxl-text-carousel1.style1 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 58px;
    color: #555;
    font-weight: 300
}

@media screen and (max-width:1200px) {
    .pxl-text-carousel1.style1 .pxl-item--text {
        font-size: 48px
    }
}

@media screen and (max-width:767px) {
    .pxl-text-carousel1.style1 .pxl-item--text {
        font-size: 32px
    }
}

@media screen and (max-width:575px) {
    .pxl-text-carousel1.style1 .pxl-item--text {
        font-size: 24px
    }
}

.pxl-text-carousel1.style1 .pxl--item {
    padding: 0 15px;
    width: auto;
    position: relative
}

.pxl-text-carousel1.style1 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap
}

.pxl-text-carousel1.style1 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0
}

.pxl-text-carousel1.style1 .pxl-text-slide.text-slide-to-left {
    left: 50%
}

.pxl-text-carousel1.style1 .pxl-text-slide.text-slide-to-right {
    right: 50%
}

@media screen and (max-width:1200px) {
    .pxl-text-carousel1.style1 .pxl-text-slide {
        margin: 0 -15px
    }
}

.pxl-text-carousel1.style2 .pxl-inner-content {
    position: relative
}

.pxl-text-carousel1.style2 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 24px;
    color: #999;
    font-weight: 500;
    text-transform: uppercase
}

.pxl-text-carousel1.style2 .pxl--item {
    padding: 0 15px;
    width: auto;
    position: relative;
    align-content: center
}

.pxl-text-carousel1.style2 .pxl--item:nth-child(odd) .pxl-item--text {
    border: 1px solid #999;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 0 30px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.pxl-text-carousel1.style2 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap
}

.pxl-text-carousel1.style2 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0
}

.pxl-text-carousel1.style2 .pxl-text-slide.text-slide-to-left {
    left: 50%
}

.pxl-text-carousel1.style2 .pxl-text-slide.text-slide-to-right {
    right: 50%
}

@media screen and (max-width:1200px) {
    .pxl-text-carousel1.style2 .pxl-text-slide {
        margin: 0 -15px
    }
}

.pxl-text-carousel1.style3 .pxl-inner-content {
    position: relative
}

.pxl-text-carousel1.style3 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 90px;
    color: transparent;
    font-weight: 400;
    text-transform: uppercase;
    background: linear-gradient(180deg, #333 0%, #121212 85%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-text-carousel1.style3 .pxl--item {
    padding: 0 15px;
    width: auto;
    position: relative
}

.pxl-text-carousel1.style3 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap
}

.pxl-text-carousel1.style3 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0
}

.pxl-text-carousel1.style3 .pxl-text-slide.text-slide-to-left {
    left: 50%
}

.pxl-text-carousel1.style3 .pxl-text-slide.text-slide-to-right {
    right: 50%
}

@media screen and (max-width:1200px) {
    .pxl-text-carousel1.style3 .pxl-text-slide {
        margin: 0 -15px
    }
}

.pxl-text-carousel1.style4 {
    position: relative
}

.pxl-text-carousel1.style4:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(18, 18, 18, .1) 0%, #121212 85%)
}

.pxl-text-carousel1.style4 .pxl-inner-content {
    position: relative
}

.pxl-text-carousel1.style4 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #555;
    font-size: 120px;
    font-weight: 600
}

.pxl-text-carousel1.style4 .pxl--item {
    padding: 0 15px;
    width: auto;
    position: relative
}

.pxl-text-carousel1.style4 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap
}

.pxl-text-carousel1.style4 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0
}

.pxl-text-carousel1.style4 .pxl-text-slide.text-slide-to-left {
    left: 50%
}

.pxl-text-carousel1.style4 .pxl-text-slide.text-slide-to-right {
    right: 50%
}

@media screen and (max-width:1200px) {
    .pxl-text-carousel1.style4 .pxl-text-slide {
        margin: 0 -15px
    }
}

.hover img {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pxl-blog-list.layout1 .pxl-grid-item {
    display: flex;
    margin-bottom: 20px
}

.pxl-blog-list.layout1 .pxl-grid-item:last-child {
    margin-bottom: 0
}

.pxl-blog-list.layout1 .pxl-grid-item:hover .pxl-item--image .bg-image img {
    -webkit-transform: translateX(55px);
    transform: translateX(55px)
}

.pxl-blog-list.layout1 .pxl-grid-item:hover .pxl-item--meta .pxl-item--title a .char {
    color: var(--primary-color);
    -webkit-transform: translateY(-10px);
    -khtml-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image {
    margin-right: 21px;
    padding-right: 3px;
    position: relative
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--primary-color)
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image .bg-image {
    min-width: 85px;
    min-height: 75px;
    overflow: hidden;
    display: block;
    position: relative;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--image .bg-image img {
    height: 100%;
    position: absolute;
    right: 0;
    width: auto;
    max-width: unset;
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--date {
    font-size: 12px;
    letter-spacing: 0;
    color: #fb5900;
    font-weight: 400;
    font-family: barlow semi condensed;
    margin-bottom: 0
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title {
    font-size: 24px;
    font-weight: 700;
    font-family: barlow semi condensed;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-bottom: 0
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title a {
    color: #ddd
}

.pxl-blog-list.layout1 .pxl-grid-item .pxl-item--meta .pxl-item--title a .char {
    transition: transform .2s ease, color .2s ease;
    transition-delay: calc(var(--char-index) * .02s)
}

.pxl-meta-carousel1 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta {
    display: flex;
    align-items: center
}

@media(max-width:480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta {
        display: block
    }
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title {
    width: 31.1%;
    margin-bottom: 0;
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 700;
    padding: 40px 0;
    border-right: 1px solid #dfdfdf;
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #dfdfdf;
        padding: 30px 0;
        margin-bottom: 20px
    }
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title .pxl-item-border {
    position: absolute;
    width: 6px;
    height: 30px;
    top: 50%;
    right: -4px;
    background-color: var(--primary-color);
    transform: translate(0, -50%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--title .pxl-item-border {
        transform: unset;
        right: unset;
        top: unset;
        left: 0;
        bottom: -3px;
        width: 30px;
        height: 6px
    }
}

.pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--desc {
    width: 69.9%;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    position: relative;
    padding-left: 28px
}

@media(max-width:480px) {
    .pxl-meta-carousel1 .pxl-item--inner .pxl-item--meta .pxl-item--desc {
        width: 100%;
        padding-left: 0
    }
}

.pxl-meta-carousel1 .pxl-item--inner:hover .pxl-item--meta .pxl-item--title .pxl-item-border {
    background-color: var(--gradient-color-from)
}

.pxl-meta-carousel2 .pxl-swiper-container {
    margin: 0 -50px
}

@media(max-width:1199px) {
    .pxl-meta-carousel2 .pxl-swiper-container {
        margin: 0 -15px
    }
}

.pxl-meta-carousel2 .pxl-swiper-slide {
    padding: 0 50px
}

@media(max-width:1199px) {
    .pxl-meta-carousel2 .pxl-swiper-slide {
        padding: 0 15px
    }
}

.pxl-meta-carousel2 .pxl-item--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-inner--image:before {
    opacity: 1;
    transform: scaleY(1)translate(-50%, 0);
    -webkit-transition: all .6s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .6s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .6s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .6s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .6s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .6s cubic-bezier(.62, .21, .45, 1.52)
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-inner--image:after {
    opacity: 1;
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-inner--image .pxl-item-bg {
    opacity: 1
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-item-image {
    box-shadow: 0 0 #818181
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-item-image:before {
    opacity: 1;
    height: 44%
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-item-top .pxl-post--readmore {
    opacity: 1;
    top: 58%
}

.pxl-meta-carousel2 .pxl-item--inner:hover .pxl-inner-icon .pxl-post--icon {
    filter: drop-shadow(-1.042px 5.909px 3px rgba(164, 108, 62, .3));
    background-color: var(--link-color)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image {
    position: relative;
    padding: 20px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 102%;
    height: 57%;
    background-color: var(--primary-color);
    z-index: -1;
    opacity: 0;
    transform-origin: top;
    transform: scaleY(0)translate(-50%, 0);
    transform-style: preserve-3d;
    -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .3s cubic-bezier(.62, .21, .45, 1.52)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image:after {
    content: '';
    position: absolute;
    width: 96%;
    height: 96%;
    top: 50%;
    left: 50%;
    background-color: #fff;
    z-index: -1;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all .6s;
    -khtml-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-inner--image .pxl-item-bg {
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 102%;
    height: 43%;
    background-color: #fff;
    z-index: -1;
    transform: translate(-50%, 0);
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-post--readmore {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -58%);
    opacity: 0;
    transform-style: preserve-3d;
    -webkit-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-post--readmore .btn-readmore {
    font-size: 15px;
    line-height: 37px;
    height: 37px;
    color: var(--link-color);
    font-weight: 700;
    font-family: barlow semi condensed;
    background-color: #fbf3ee;
    padding: 0 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-post--readmore .btn-readmore:hover {
    color: var(--primary-color)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-item-image {
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    box-shadow: 0 12px 0 -5px #818181
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-item-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    background-color: var(--primary-color);
    clip-path: polygon(50% 0%, 100% 44%, 100% 100%, 0 100%, 0 44%);
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: 0;
    transform-origin: top;
    transform-style: preserve-3d;
    -webkit-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item-top .pxl-item-image img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-icon {
    text-align: center
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-icon .pxl-post--icon {
    width: 85px;
    height: 85px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: drop-shadow(-1.042px 5.909px 3px rgba(164, 108, 62, .3));
    background-color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 45px;
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-item--holder {
    margin-top: -73px
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content {
    text-align: center
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-item--title {
    font-size: 32px;
    font-weight: 700;
    font-family: barlow semi condensed;
    margin-top: 15px;
    margin-bottom: 5px
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-item--title a {
    color: #0d0d0d
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-item--title a:hover {
    color: var(--primary-color)
}

.pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-post--content {
    font-size: 18px;
    letter-spacing: 0;
    color: #626262;
    font-weight: 400;
    font-family: barlow semi condensed;
    max-width: 90%;
    display: inline-block
}

@media(max-width:575px) {
    .pxl-meta-carousel2 .pxl-item--inner .pxl-inner-content .pxl-post--content {
        max-width: 100%
    }
}

.pxl-image-before-after1 {
    position: relative;
    overflow: hidden
}

.pxl-image-before-after1 img {
    width: 100%
}

.pxl-image-before-after1 .twentytwenty-before-label:before,
.pxl-image-before-after1 .twentytwenty-after-label:before {
    display: none
}

.pxl-image-before-after1 .twentytwenty-wrapper {
    padding: 4px
}

.pxl-image-before-after1 .twentytwenty-container {
    border: 1px solid var(--link-color);
    overflow: visible
}

.pxl-image-before-after1 .twentytwenty-container .handle-dot-top,
.pxl-image-before-after1 .twentytwenty-container .handle-dot-bottom {
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--link-color);
    transform: translateX(-50%);
    left: 0;
    z-index: 999
}

.pxl-image-before-after1 .twentytwenty-container .handle-dot-top {
    top: -5px
}

.pxl-image-before-after1 .twentytwenty-container .handle-dot-bottom {
    bottom: -5px
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 1px;
    background-color: var(--link-color);
    z-index: -1
}

.twentytwenty-handle {
    height: 100px;
    width: 100px;
    background-color: var(--link-color);
    position: absolute;
    left: 50%;
    top: 50%;
    border: none;
    margin-left: -50px;
    margin-top: -51px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.twentytwenty-handle .twentytwenty-handle-text {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    line-height: 20px;
    max-width: 45%
}

.pxl-blog-single1 .pxl-meta-inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-blog-single1 .pxl-meta-inner:hover .pxl-item--img img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item--img a {
    display: block;
    background-size: cover;
    background-position: 50%
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item--img img {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, #011c3b 60%, rgba(1, 28, 59, 1%) 100%);
    padding: 50px 40px 16px 36px
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-content-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-new {
    font-size: 15px;
    color: #000b18;
    font-weight: 400;
    background-color: var(--gradient-color-from);
    display: inline-block;
    border-radius: 5px;
    padding: 2px 17px;
    z-index: 1;
    position: relative
}

@media(max-width:880px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-new {
        font-size: 13px;
        padding: 0 10px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title {
    margin-bottom: 22px;
    margin-top: 8px;
    z-index: 1;
    position: relative
}

@media(max-width:880px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title {
        margin-bottom: 10px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title a {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    max-width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-title a:hover {
    text-decoration: underline
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
    display: inline-flex
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

@media(max-width:767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori {
        font-size: 12px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori:hover {
    color: var(--primary-color)
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: var(--primary-color);
    position: relative
}

@media(max-width:767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori {
        width: 30px;
        min-width: 30px;
        height: 30px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori:before {
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/img-author1.png);
    background-position: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 18px
}

@media(max-width:767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-categori .pxl-icon-categori:before {
        width: 17px;
        height: 11px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-date {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-left: 1px solid #fff;
    margin-left: 22px;
    padding-left: 23px
}

@media(max-width:767px) {
    .pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-date {
        font-size: 12px;
        margin-left: 15px;
        padding-left: 15px
    }
}

.pxl-blog-single1 .pxl-meta-inner .pxl-item-content .pxl-item-list .pxl-item-date i {
    color: var(--gradient-color-from)
}

.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner {
    height: auto !important
}

.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .pxl-grid-item {
    position: static !important
}

@media(max-width:1199px) {
    .pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .pxl-grid-item {
        max-width: 100% !important;
        flex: 100% !important
    }
}

.pxl-mega-menu .pxl-showcase1 .pxl-grid-inner .grid-sizer {
    display: none
}

.pxl-showcase .pxl-item--inner.style-1 {
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.pxl-showcase .pxl-item--inner.style-1:hover .pxl-item--image img {
    opacity: .5
}

.pxl-showcase .pxl-item--inner.style-1:hover .pxl-item--image a .pxl-item--title {
    opacity: 1
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image {
    position: relative;
    width: 100%;
    overflow: auto;
    scrollbar-width: none;
    overflow-y: hidden;
    height: 783px;
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

@media(max-width:575px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-item--image {
        height: 410px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image a {
    display: block;
    height: 100%;
    position: relative;
    align-content: center;
    text-align: center
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-item--image a .pxl-item--title {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: .75px;
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    opacity: 0
}

@media(max-width:1024px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-item--image a .pxl-item--title {
        font-size: 22px
    }
}

@media(max-width:991px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-item--image a .pxl-item--title {
        display: inline-block
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-image-bg {
    border-radius: 15px;
    box-shadow: 0 5px 50px rgba(0, 0, 0, .15);
    position: relative;
    background-color: #000;
    overflow: hidden
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta {
    text-align: center;
    padding-top: 33px
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons {
    display: inline-flex;
    align-items: center;
    gap: 70px
}

@media(max-width:1280px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons {
        gap: 30px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button {
    position: relative
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase {
    font-size: 22px;
    letter-spacing: 0;
    font-weight: 600;
    color: var(--link-color);
    display: inline-flex;
    align-items: center;
    line-height: 1;
    gap: 25px
}

@media(max-width:1280px) {
    .pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase {
        font-size: 18px
    }
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase .pxl-icon {
    line-height: 1
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase .pxl-icon svg {
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    width: auto
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase .pxl-icon svg path {
    -webkit-transition: all .5s ease-out;
    -khtml-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase:hover {
    color: var(--primary-color)
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase:hover .pxl-icon svg {
    transform: rotate(-45deg)
}

.pxl-showcase .pxl-item--inner.style-1 .pxl-inner-meta .pxl-item--buttons .pxl-item--button .btn-showcase:hover .pxl-icon svg path {
    fill: var(--primary-color)
}

.pxl-button-single1 .pxl-item-inner {
    position: relative;
    border: 2px solid #f1f1f1;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 20px 10px 20px 20px
}

.pxl-button-single1 .pxl-item-inner:hover {
    border-color: var(--primary-color)
}

.pxl-button-single1 .pxl-item-inner:hover .pxl-item--icon {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-button-single1 .pxl-item-inner:hover .pxl-item--icon svg {
    fill: #fff
}

.pxl-button-single1 .pxl-item-inner:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-button-single1 .pxl-item-inner a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-button-single1 .pxl-item-inner .pxl-meta-content {
    display: flex;
    align-items: center
}

.pxl-button-single1 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #191917
}

.pxl-button-single1 .pxl-item-inner .pxl-item--icon {
    background-color: #f1f1f1;
    width: 66px;
    height: 66px;
    min-width: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    color: #191917;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-right: 13px
}

.pxl-button-single1 .pxl-item-inner .pxl-item--icon svg {
    height: 36px;
    fill: #191917;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-button-single1 .pxl-item-inner .pxl-item--icon svg path {
    fill: #191917;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-service-list1 .pxl--item {
    margin-bottom: 8px
}

.pxl-service-list1 .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-service-list1 .pxl--item .pxl-item-link {
    background-color: #fff;
    color: #0b1030;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 34.054px rgba(137, 151, 186, .1);
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    padding: 24px 22px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-list1 .pxl--item .pxl-item-link:hover {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon {
    color: #fff
}

.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon .pxl-surgery-room1 path,
.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon .pxl-test-results1 path,
.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon .pxl-rehabilitation1 path,
.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon .pxl-mother1 path,
.pxl-service-list1 .pxl--item .pxl-item-link:hover .pxl-item--icon .pxl-elderly1 path {
    stroke: none;
    fill: #fff
}

.pxl-service-list1 .pxl--item .pxl-item-link .item-icon-text {
    display: flex;
    align-items: center;
    gap: 10px
}

.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon {
    color: #03045e;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon svg {
    height: 40px;
    width: auto
}

.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon svg path {
    stroke: #03045e;
    transition: all 300ms linear 0ms;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon .pxl-surgery-room1 path,
.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon .pxl-test-results1 path,
.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon .pxl-rehabilitation1 path,
.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon .pxl-mother1 path,
.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item--icon .pxl-elderly1 path {
    stroke: none;
    fill: #03045e
}

.pxl-service-list1 .pxl--item .pxl-item-link .pxl-item-arrow {
    font-size: 13px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-number-box1 .pxl-number-inner {
    text-align: center;
    padding: 0 30px
}

.pxl-number-box1 .pxl-number-inner .pxl-item-number {
    width: 140px;
    height: 140px;
    border: 2px solid #ededed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 41px;
    color: #fff;
    font-weight: 800;
    font-family: barlow semi condensed
}

.pxl-number-box1 .pxl-number-inner .pxl-item-number:before {
    content: '';
    position: absolute;
    width: 63%;
    height: 63%;
    top: 50%;
    left: 50%;
    background-image: linear-gradient(86deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.pxl-number-box1 .pxl-number-inner .pxl-item-number:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    border-radius: inherit;
    animation: pxl_pulse_radius 2e3ms ease-out infinite;
    -webkit-animation: pxl_pulse_radius 2e3ms ease-out infinite;
    z-index: -2;
    border: 2px solid #ededed
}

.pxl-number-box1 .pxl-number-inner .pxl-item-content .pxl-item-title {
    font-size: 25px;
    letter-spacing: 0;
    color: var(--link-color);
    font-weight: 800;
    font-family: barlow semi condensed;
    line-height: 1.2;
    margin-top: 26px;
    margin-bottom: 9px
}

@media(max-width:1280px) {
    .pxl-number-box1 .pxl-number-inner .pxl-item-content .pxl-item-title {
        font-size: 22px
    }
}

.pxl-number-box1 .pxl-number-inner .pxl-item-content .pxl-item-desc {
    font-size: 18px;
    letter-spacing: 0;
    color: #323232;
    font-weight: 400;
    font-family: barlow semi condensed;
    line-height: 1.48
}

.pxl-absolute1.style1 .pxl-item {
    margin-bottom: 10px
}

.pxl-absolute1.style1 .pxl-item:last-child {
    margin-bottom: 0
}

.pxl-absolute1.style1 .pxl-item a {
    background-image: linear-gradient(86deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
    clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 5% 100%);
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    font-family: catamaran, sans-serif;
    padding: 3px 44px;
    border-radius: 5px 30px 0 0
}

.pxl-absolute1.style2 .pxl-absolute-inner {
    display: inline-flex;
    align-items: center
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item {
    margin-right: 45px
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item:last-child {
    margin-right: 0
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item a {
    font-size: 19px;
    letter-spacing: .2px;
    color: #fff;
    font-weight: 700;
    font-family: barlow semi condensed
}

.pxl-absolute1.style2 .pxl-absolute-inner .pxl-item a:hover {
    color: var(--primary-color)
}

.pxl-absolute-layout1 {
    position: absolute;
    left: -105px;
    top: 34%;
    transform: rotate(90deg)translate(0, -50%)
}

@media(max-width:1400px) {
    .pxl-absolute-layout1 {
        display: none
    }
}

.pxl-absolute-layout2 {
    position: absolute;
    right: -124px;
    top: 35%;
    transform: rotate(90deg)translate(0, -50%)
}

@media(max-width:1400px) {
    .pxl-absolute-layout2 {
        display: none
    }
}

.pxl-language .pxl-meta-inner {
    position: relative;
    transition: all .3s
}

.pxl-language .pxl-meta-inner .pxl-language-on {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--link-color-hover);
    transition: all .3s;
    cursor: pointer;
    margin: 25px 0 24px;
    padding-top: 3px
}

.pxl-language .pxl-meta-inner .pxl-language-title {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: var(--link-color)
}

.pxl-language .pxl-meta-inner .pxl-language-list {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 250px;
    transition: all 200ms linear 0ms;
    text-align: left;
    padding: 0;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    margin-top: 0;
    background-color: var(--link-color);
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%;
    border: 1px solid #333
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 15px 20px;
    display: block;
    transition: all .3s;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .25);
    transform-style: preserve-3d;
    -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .3s cubic-bezier(.62, .21, .45, 1.52)
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title:before {
    content: '';
    width: 15px;
    height: 1px;
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .3s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .3s cubic-bezier(.62, .21, .45, 1.52)
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title:hover {
    padding-left: 50px
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item .pxl-item--title:hover:before {
    left: 20px;
    opacity: 1
}

.pxl-language .pxl-meta-inner .pxl-language-list .pxl-item:last-child .pxl-item--title {
    border-bottom: none !important
}

.pxl-language .pxl-meta-inner.left .pxl-language-list {
    left: 0;
    right: unset
}

.pxl-language .pxl-meta-inner.right .pxl-language-list {
    right: 0;
    left: unset
}

.pxl-language:hover .pxl-meta-inner .pxl-language-list {
    visibility: visible;
    opacity: 1;
    transform: perspective(500px)rotateX(0)
}

.pxl-button-meta1 .pxl-item-inner .pxl-item-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 48px;
    border: 1px solid #dedede;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    padding: 0 28px
}

.pxl-button-meta1 .pxl-item-inner .pxl-item-title:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-badge-meta1 .pxl-item-inner {
    background-color: var(--primary-color);
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 200px;
    min-width: 200px;
    height: 200px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center
}

.pxl-badge-meta1 .pxl-item-inner:before {
    content: '';
    border: dashed 2px #fff;
    position: absolute;
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: pxl_spin_right 10s linear infinite
}

.pxl-badge-meta1 .pxl-item-inner .pxl-rotate {
    position: relative;
    width: 100%;
    height: 100%;
    animation: pxl_spin 10s linear infinite
}

.pxl-badge-meta1 .pxl-item-inner .pxl-rotate .text {
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    height: 92%;
    transform: translate(-50%, -50%)
}

.pxl-badge-meta1 .pxl-item-inner .pxl-rotate .text text {
    fill: #fff
}

.pxl-badge-meta1 .pxl-item-inner .pxl-title-center {
    color: #fff;
    font-size: 66px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pxl-badge-meta1 .pxl-item-inner .pxl-meta-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.pxl-badge-meta2 .pxl-item-inner {
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 200px;
    min-width: 200px;
    height: 200px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #dedede
}

.pxl-badge-meta2 .pxl-item-inner:before {
    content: '';
    border: dashed 2px var(--link-color);
    position: absolute;
    width: 90%;
    height: 90%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    animation: pxl_spin_right 10s linear infinite
}

.pxl-badge-meta2 .pxl-item-inner .pxl-rotate {
    position: relative;
    width: 100%;
    height: 100%;
    animation: pxl_spin 10s linear infinite
}

.pxl-badge-meta2 .pxl-item-inner .pxl-rotate .text {
    font-size: 22px;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92%;
    height: 92%;
    transform: translate(-50%, -50%)
}

.pxl-badge-meta2 .pxl-item-inner .pxl-rotate .text text {
    fill: var(--primary-color)
}

.pxl-badge-meta2 .pxl-item-inner .pxl-title-center {
    color: var(--link-color);
    font-size: 66px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pxl-badge-meta2 .pxl-item-inner .pxl-meta-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%)
}

.pxl-text-scroll1 .pxl-item-title {
    font-size: 500px;
    font-weight: 600;
    font-family: outfit, sans-serif;
    line-height: 1;
    color: #2c2c2c;
    letter-spacing: -1px
}

.pxl-text-scroll2 {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%
}

.pxl-text-scroll2 .pxl-meta-inner {
    display: flex;
    flex-grow: 1;
    overflow: hidden
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner {
        display: block
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left {
    width: 42.7%
}

@media(max-width:1366px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left {
        width: 46%
    }
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left {
        width: 100%;
        margin-bottom: 30px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading {
    margin-bottom: 266px
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading {
        margin-bottom: 30px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-sub-title {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-decoration: underline;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 17px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1;
    color: #fff;
    letter-spacing: -3.2px;
    max-width: 68%
}

@media(max-width:1200px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
        max-width: 100%
    }
}

@media(max-width:1024px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
        font-size: 70px
    }
}

@media(max-width:757px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-item-heading .pxl-item-title {
        font-size: 45px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title {
    display: flex;
    align-items: center;
    padding-left: 8px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .load {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    display: flex;
    z-index: 1
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .load .pxl-scroll-progress-circle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(90deg);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .load .pxl-scroll-progress-circle path {
    fill: none;
    stroke: rgba(255, 255, 255, .5);
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-left .pxl-load-title .pxl-title-load {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.32px;
    color: rgba(255, 255, 255, .5)
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right {
    width: 57.3%;
    position: relative;
    margin-top: 7px
}

@media(max-width:1366px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-right {
        width: 54%
    }
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-right {
        width: 100%
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 36%, #232323 100%);
    pointer-events: none;
    z-index: 1
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right .barContainer {
    position: absolute;
    top: 43%;
    z-index: 5;
    width: 4px;
    height: 300px;
    right: 14px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .2);
    transform: translate(0, -50%)
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-item-right .barContainer {
        right: 0
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-item-right .barContainer .bar {
    background-color: var(--primary-color);
    width: 4px;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    transform-origin: 0 0;
    top: 0;
    left: 0
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list {
    position: relative;
    overflow-y: auto;
    max-height: 643px;
    transition: all .3s ease;
    scrollbar-width: auto;
    padding-right: 90px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

@media(max-width:1280px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list {
        padding-right: 30px
    }
}

@media(max-width:1024px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list {
        max-height: 550px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list::-webkit-scrollbar {
    width: 4px;
    height: 8px;
    display: none
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 10px;
    height: 300px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
    width: 4px
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item {
    margin-bottom: 54px
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item {
        margin-bottom: 35px
    }
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item:last-child {
    margin-bottom: 0 !important
}

.pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item .pxl-item-desc {
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    -webkit-text-stroke-color: #fff;
    line-height: 1.22
}

@media(max-width:1024px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item .pxl-item-desc {
        font-size: 35px
    }
}

@media(max-width:880px) {
    .pxl-text-scroll2 .pxl-meta-inner .pxl-list .pxl-item .pxl-item-desc {
        font-size: 30px
    }
}

.pxl-text-scroll3 .pxl-meta-inner {
    text-align: center
}

.pxl-text-scroll3 .pxl-meta-inner .pxl-item-title {
    font-size: 200px;
    letter-spacing: -8px;
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1px var(--link-color);
    position: relative;
    line-height: 1
}

.pxl-text-scroll3 .pxl-meta-inner .pxl-item-title:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 0%, #fff 79%);
    position: absolute;
    left: 0;
    top: 0
}

.pxl-text-scroll4 .pxl-meta-inner .pxl-item-title {
    font-family: Outfit;
    font-size: 600px;
    white-space: nowrap;
    line-height: 1.3;
    color: transparent;
    -webkit-text-stroke: 2px #dedede;
    font-weight: 700;
    letter-spacing: -24px
}

.pxl-client-grid1 .pxl-item--inner {
    margin: 15px 0
}

.pxl-client-grid1 .pxl-item--inner a {
    height: 100px;
    position: relative;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 30px 120px rgba(0, 0, 0, 6%);
    border: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px
}

.pxl-client-grid1 .pxl-item--inner a img {
    height: min-content;
    filter: none;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-client-grid1 .pxl-item--inner a:hover img {
    filter: invert(67%)sepia(1%)saturate(0%)hue-rotate(200deg)brightness(92%)contrast(88%)
}

.pxl-number1 .pxl-item {
    display: flex;
    padding-bottom: 46px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item:before {
    content: '';
    position: absolute;
    height: 75%;
    width: 1px;
    background-color: #dedede;
    bottom: -13px;
    left: 30px;
    z-index: -2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item:after {
    content: '';
    position: absolute;
    height: 75%;
    width: 1px;
    background-color: var(--link-color);
    bottom: -13px;
    left: 30px;
    z-index: -1;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform-origin: top
}

.pxl-number1 .pxl-item:last-child {
    padding-bottom: 0
}

.pxl-number1 .pxl-item:last-child:before {
    display: none
}

.pxl-number1 .pxl-item:last-child:after {
    display: none
}

.pxl-number1 .pxl-item .pxl-item-number {
    width: 60px;
    height: 60px;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--link-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding-top: 5px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item .pxl-item-number .pxl-bg-number {
    position: absolute;
    width: 98%;
    height: 98%;
    top: 50%;
    left: 50%;
    background-color: #fff;
    border-radius: 50%;
    z-index: -1;
    transform: translate(-50%, -50%)
}

.pxl-number1 .pxl-item .pxl-item-number:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #dedede;
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -2;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-number1 .pxl-item .pxl-item-number:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--link-color);
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0;
    transform: scaleY(0);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform-origin: top
}

@media(max-width:1024px) {
    .pxl-number1 .pxl-item .pxl-item-number.pxl-mr-30 {
        margin-right: 20px
    }
}

.pxl-number1 .pxl-item .pxl-item-title {
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    line-height: 1.2;
    margin-bottom: 14px
}

.pxl-number1 .pxl-item .pxl-item-desc {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #666
}

@media(max-width:1024px) {
    .pxl-number1 .pxl-item .pxl-item-desc {
        font-size: 16px
    }
}

.pxl-number1 .pxl-item.active:after {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: .2s
}

.pxl-number1 .pxl-item.active .pxl-item-number:after {
    opacity: 1;
    transform: scaleY(1);
    transition-delay: 0s
}

.pxl-title-slide1 .pxl-inner-slide {
    text-align: center;
    overflow: hidden;
    position: relative
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: var(--link-color);
    position: relative;
    cursor: pointer;
    letter-spacing: -3.2px;
    line-height: 1.23
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

@media(max-width:1024px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
        font-size: 70px
    }
}

@media(max-width:880px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
        font-size: 50px
    }
}

@media(max-width:575px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-item--title {
        font-size: 35px
    }
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner .pxl-bg-slider {
    transform: scale(1);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active {
    background-color: var(--primary-color);
    padding: 21px 0
}

@media(max-width:575px) {
    .pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active {
        padding: 15px 0
    }
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active .pxl-item--title {
    color: #fff
}

.pxl-title-slide1 .pxl-inner-slide .pxl-item--inner.active .pxl-item--title a {
    display: block
}

.pxl-list-box1 .pxl-item--content {
    list-style: none;
    margin: 0
}

.pxl-list-box1 .list--item {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding: 25px 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-list-box1 .list--item.pxl-hover-transition {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-list-box1 .list--item .pxl-content {
    position: relative;
    display: block
}

.pxl-list-box1 .list--item .pxl-content.pxl-hover-transition {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-list-box1 .list--item:last-child {
    margin-bottom: 0
}

.pxl-list-box1 .list--item .pxl-item-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-list-box1 .pxl-item--title {
    margin-bottom: 12px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: relative;
    line-height: 1.2
}

.pxl-list-box1 .pxl-item-categori-date {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px
}

.pxl-list-box1 .pxl-item-categori-date .pxl-text-categori,
.pxl-list-box1 .pxl-item-categori-date .pxl-text-date {
    font-size: 13px;
    color: #777;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.2
}

.pxl-list-box1 .pxl-item-categori-date .pxl-line {
    width: 30px;
    height: 1px;
    background-color: #777;
    position: relative
}

.pxl-list-box1 .pxl-item--image {
    position: absolute;
    top: 0;
    pointer-events: none;
    transition: opacity .3s;
    opacity: 0;
    z-index: 0
}

@media screen and (min-width:768px) {
    .pxl-list-box1 .pxl-item--image {
        left: 0;
        transform: translate(calc(var(--pxl-mouse-x) - 50%), calc(var(--pxl-mouse-y) - 50%))
    }
}

@media screen and (max-width:767px) {
    .pxl-list-box1 .pxl-item--image {
        right: 0;
        transform: translate(0, calc(var(--pxl-mouse-y) - 50%))
    }
}

@media(max-width:575px) {
    .pxl-list-box1 .pxl-item--image {
        display: none
    }
}

.pxl-list-box1 .image--item {
    transition: z-index .11s .17s;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}

.pxl-list-box1 .image--item.active {
    z-index: 4
}

.pxl-list-box1 .image--item.active .image--inner {
    animation: pxlInnerIn .55s ease-in-out both
}

.pxl-list-box1 .image--item.active img {
    animation: pxlImgIn .55s ease-in-out both
}

.pxl-list-box1 .image--item.deactive .image--inner {
    animation: pxlInnerOut .55s ease-in-out both
}

.pxl-list-box1 .image--item.deactive img {
    animation: pxlImgOut .55s ease-in-out both
}

.pxl-list-box1 .image--inner {
    transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: #d9d9d9
}

.pxl-list-box1 .image--inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: translateX(100%)scale(1.4)
}

.pxl-list-box1 .image--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-list-box1 .pxl-item--inner {
    position: relative
}

.pxl-list-box1 .pxl-item--inner:hover .list--item:before {
    z-index: 5
}

.pxl-list-box1 .pxl-item--inner:hover .list--item a {
    z-index: 5
}

.pxl-list-box1 .pxl-item--inner:hover .pxl-item--image {
    opacity: 1;
    z-index: 3
}

.pxl-author1 .pxl-meta-inner {
    display: flex;
    align-items: center
}

.pxl-author1 .pxl-meta-inner .pxl-item--imgprimary {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #d9d9d9
}

.pxl-author1 .pxl-meta-inner .pxl-item--imgprimary img {
    mix-blend-mode: luminosity
}

.pxl-author1 .pxl-meta-inner .pxl-item-title {
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    line-height: 1.2;
    margin-bottom: 10px
}

.pxl-author1 .pxl-meta-inner .pxl-sub-title {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: var(--primary-color);
    line-height: 1.2
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-container {
    margin: 0
}

@media(max-width:991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-container {
        margin: 0 -15px
    }
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
    padding-right: 151px
}

@media(max-width:1280px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
        padding-right: 100px
    }
}

@media(max-width:1200px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
        padding-right: 30px
    }
}

@media(max-width:991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top {
        padding-right: 0
    }
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top .pxl-item--image {
    background-color: #d9d9d9
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item-top .pxl-item--image img {
    mix-blend-mode: luminosity
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
    padding-top: 38px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--primary-color);
    line-height: 1.2;
    margin-bottom: 15px
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--year {
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    color: transparent;
    -webkit-text-stroke: 1px var(--link-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: relative
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--year .no-hover {
    opacity: 1;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--year .hover {
    color: var(--link-color);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--number {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-transform: capitalize;
    color: var(--link-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc {
    border-top: 1px solid #dcdcdc;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #666;
    margin-top: 40px;
    padding: 30px 100px 0 0;
    position: relative;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

@media(max-width:1280px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc {
        padding-right: 70px
    }
}

@media(max-width:991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc {
        padding-right: 0;
        font-size: 16px
    }
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner .pxl-item--desc:before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--link-color);
    transform-origin: left;
    transform: scaleX(0);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--year .no-hover {
    opacity: 0
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--year .hover {
    opacity: 1
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--number {
    color: var(--primary-color)
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-item--inner:hover .pxl-item--desc:before {
    transform: scaleX(1)
}

.pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-slide {
    padding: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:991px) {
    .pxl-history-carousel.pxl-history-carousel1 .pxl-swiper-slide {
        padding: 0 15px
    }
}

.pxl-image-author1 .pxl-meta-inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-image-author1 .pxl-meta-inner:hover .pxl-item--imgprimary {
    opacity: 1
}

.pxl-image-author1 .pxl-meta-inner .pxl-item--imgprimary {
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    opacity: .6;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-awardes1 .pxl-item-inner.style1 {
    border-bottom: 1px solid #dedede;
    position: relative;
    padding: 31px 0 31px 30px;
    overflow: hidden;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 {
        padding: 30px 0
    }
}

.pxl-awardes1 .pxl-item-inner.style1:hover {
    border-color: var(--primary-color)
}

.pxl-awardes1 .pxl-item-inner.style1:hover .pxl-content-hover {
    top: 0;
    opacity: 1
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content {
        display: block;
        text-align: center
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1.92px;
    color: var(--link-color);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width:1280px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
        font-size: 40px
    }
}

@media(max-width:1024px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
        font-size: 30px
    }
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-content-title {
        margin-bottom: 20px
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-item-btn {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #666;
    display: inline-flex;
    align-items: center
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-item-content .pxl-item-btn svg path {
    fill: rgba(35, 35, 35, .2)
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 100%;
    left: 0;
    background-color: var(--primary-color);
    padding: 0 30px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover {
        display: block;
        text-align: center;
        align-content: center
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
    font-family: Outfit;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -1.92px;
    color: #fff;
    text-decoration: underline transparent;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media(max-width:1280px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
        font-size: 40px
    }
}

@media(max-width:1024px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
        font-size: 30px
    }
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title {
        margin-bottom: 20px
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-item-title:hover {
    text-decoration: underline #fff
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover {
    width: 50.3%;
    padding-right: 30px;
    position: relative
}

@media(max-width:1200px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover {
        width: 45%
    }
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover {
        width: 100%;
        padding: 0
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 40px;
    top: 50%;
    right: -1px;
    transform: translate(0, -50%);
    background-color: rgba(255, 255, 255, .2)
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-title-hover:after {
        display: none
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list {
    display: inline-flex;
    align-items: center;
    width: 49.7%;
    padding-left: 59px
}

@media(max-width:1200px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list {
        width: 55%;
        padding-left: 38px
    }
}

@media(max-width:991px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list {
        width: 100%;
        padding: 0;
        justify-content: center;
        flex-wrap: wrap
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item {
    position: relative;
    padding-right: 25px;
    margin-right: 16px
}

@media(max-width:575px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item {
        padding-right: 0
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-color: rgba(255, 255, 255, .2)
}

@media(max-width:575px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:after {
        display: none
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:last-child {
    padding-right: 0;
    margin-right: 0
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item:last-child:after {
    display: none
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item .pxl-item-link {
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline transparent;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1200px) {
    .pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item .pxl-item-link {
        font-size: 14px
    }
}

.pxl-awardes1 .pxl-item-inner.style1 .pxl-content-hover .pxl-list .pxl--item .pxl-item-link:hover {
    text-decoration: underline #fff
}

.pxl-portfolio-click1 .pxl-swiper-container {
    margin: 0
}

.pxl-portfolio-click1 .pxl-swiper-wrapper {
    display: flex;
    min-height: 600px;
    height: 60vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    min-width: 100%;
    transform: translate3d(0, 0, 0) !important
}

@media(max-width:1199px) {
    .pxl-portfolio-click1 .pxl-swiper-wrapper {
        min-height: 540px
    }
}

@media(max-width:991px) {
    .pxl-portfolio-click1 .pxl-swiper-wrapper {
        min-height: 490px
    }
}

@media(max-width:767px) {
    .pxl-portfolio-click1 .pxl-swiper-wrapper {
        display: grid;
        min-height: 1500px
    }
}

.pxl-portfolio-click1 .pxl-swiper-single {
    padding: 0;
    flex: 1.12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    overflow: hidden;
    width: 100% !important
}

@media(max-width:1199px) {
    .pxl-portfolio-click1 .pxl-swiper-single {
        flex: 1.2
    }
}

@media(max-width:767px) {
    .pxl-portfolio-click1 .pxl-swiper-single {
        flex: 100%
    }
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active {
    flex: 4.42;
    cursor: default
}

@media(max-width:1199px) {
    .pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active {
        flex: 4.5
    }
}

@media(max-width:767px) {
    .pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active {
        flex: 100%
    }
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder {
    background: linear-gradient(180deg, rgba(228, 79, 57, 0) 48%, var(--primary-color) 100%)
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-item--number {
    color: #fff;
    -webkit-text-stroke: unset
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-content {
    opacity: 1
}

@media(max-width:991px) {
    .pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-content {
        width: 100%
    }
}

.pxl-portfolio-click1 .pxl-swiper-single.swiper-slide-active .pxl-item--holder .pxl-item--title a {
    display: block;
    opacity: 2
}

.pxl-portfolio-click1 .pxl-item--inner {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: unset
}

.pxl-portfolio-click1 .pxl-item--image {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    transform: scaleX(1);
    transform-origin: right;
    position: relative;
    overflow: hidden
}

.pxl-portfolio-click1 .pxl-item--image img {
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    min-width: min-content;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

@media(max-width:767px) {
    .pxl-portfolio-click1 .pxl-item--image img {
        height: unset;
        max-width: unset;
        width: unset !important
    }
}

.pxl-portfolio-click1 .pxl-item--image a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.pxl-portfolio-click1 .pxl-item--holder {
    width: inherit;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    margin: 0;
    color: #fff;
    z-index: 2;
    padding-bottom: 49px;
    padding-left: 48px;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    align-content: end;
    background: unset
}

@media(max-width:1280px) {
    .pxl-portfolio-click1 .pxl-item--holder {
        padding-left: 15px
    }
}

@media(max-width:767px) {
    .pxl-portfolio-click1 .pxl-item--holder {
        padding-bottom: 15px
    }
}

.pxl-portfolio-click1 .pxl-item--holder a {
    display: flex;
    align-items: baseline
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
    font-family: Outfit;
    font-size: 120px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -4.8px;
    color: transparent;
    -webkit-text-stroke: 1.4px rgba(255, 255, 255, .3);
    white-space: nowrap;
    position: absolute;
    bottom: 42px;
    right: -23px;
    transform: rotate(-90deg);
    line-height: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1280px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
        font-size: 80px;
        right: -15px
    }
}

@media(max-width:991px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
        right: 0;
        bottom: -20px;
        transform: unset
    }
}

@media(max-width:480px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--number {
        margin: 0;
        bottom: unset;
        top: 0;
        right: 15px
    }
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-content {
    opacity: 0;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    width: 750px
}

@media(max-width:767px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-content {
        width: 100%
    }
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-item--title {
    font-family: Outfit;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 1.1;
    margin-bottom: 18px;
    position: relative
}

@media(max-width:1199px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--title {
        font-size: 35px
    }
}

@media(max-width:1024px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-item--title {
        line-height: 1.1
    }
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-item--title a {
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}

.pxl-portfolio-click1 .pxl-item--holder .pxl-post--content {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    max-width: 52%
}

@media(max-width:991px) {
    .pxl-portfolio-click1 .pxl-item--holder .pxl-post--content {
        max-width: 85%;
        font-size: 16px
    }
}

.pxl-icon-title1 {
    display: flex;
    align-items: center
}

.pxl-icon-title1 .pxl-item-title {
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: var(--link-color);
    margin-right: 16px
}

.pxl-icon-title1 .pxl-list-icon {
    display: inline-flex;
    align-items: center
}

.pxl-icon-title1 .pxl-list-icon a {
    color: silver;
    font-size: 14px;
    margin-right: 15px
}

.pxl-icon-title1 .pxl-list-icon a:last-child {
    margin-right: 0
}

.pxl-icon-title1 .pxl-list-icon a:hover {
    color: var(--link-color)
}

.pxl-absolute-meta1 {
    position: absolute;
    top: 50%;
    right: -44px;
    transform: rotate(-90deg)translate(0, -50%)
}

@media(max-width:1280px) {
    .pxl-absolute-meta1 {
        right: -70px
    }
}

.pxl-about-layout1 {
    padding: 110px 350px 120px 0
}

@media(max-width:1800px) {
    .pxl-about-layout1 {
        padding: 110px 250px 120px 0
    }
}

@media(max-width:1700px) {
    .pxl-about-layout1 {
        padding: 110px 100px 120px 0
    }
}

@media(max-width:1500px) {
    .pxl-about-layout1 {
        padding: 110px 15px 120px 0
    }
}

.pxl--services-list1 {
    display: flex;
    align-items: center;
    padding-bottom: 35px;
    position: relative
}

@media(max-width:1280px) {
    .pxl--services-list1 {
        justify-content: center
    }
}

@media(max-width:676px) {
    .pxl--services-list1 {
        display: block
    }
}

.pxl--services-list1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dedede;
    z-index: -1
}

.pxl--services-list1 .pxl--item {
    position: relative;
    margin-right: 74px;
    padding-left: 4px;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:676px) {
    .pxl--services-list1 .pxl--item {
        display: block;
        text-align: center;
        padding: 0 0 20px;
        margin: 0 !important
    }
}

.pxl--services-list1 .pxl--item:last-child {
    margin-right: 0 !important
}

.pxl--services-list1 .pxl--item:after {
    content: '/';
    position: relative;
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -3.2px;
    color: #dedede;
    line-height: 1;
    margin-left: 75px
}

@media(max-width:767px) {
    .pxl--services-list1 .pxl--item:after {
        display: none
    }
}

.pxl--services-list1 .pxl--item .pxl-item-title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -3.2px;
    line-height: 1.2;
    position: relative
}

@media(max-width:1280px) {
    .pxl--services-list1 .pxl--item .pxl-item-title {
        font-size: 60px
    }
}

@media(max-width:991px) {
    .pxl--services-list1 .pxl--item .pxl-item-title {
        font-size: 50px
    }
}

@media(max-width:767px) {
    .pxl--services-list1 .pxl--item .pxl-item-title {
        font-size: 43px
    }
}

.pxl--services-list1 .pxl--item .pxl-item-title a {
    color: var(--link-color);
    z-index: 1;
    position: relative
}

.pxl--services-list1 .pxl--item .pxl-item-title .pxl-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
    opacity: 0;
    -webkit-transition: all .1s;
    -khtml-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    transform: translate(-50%, -50%);
    transform-origin: left;
    width: max-content;
    z-index: -1
}

@media(max-width:767px) {
    .pxl--services-list1 .pxl--item .pxl-item-title .pxl-image {
        display: none
    }
}

.pxl--services-list1 .pxl--item .pxl-item-title:hover a {
    -webkit-text-stroke: 1.2px var(--link-color);
    color: transparent
}

.pxl--services-list1 .pxl--item .pxl-item-title:hover .pxl-image {
    opacity: 1
}

.pxl--services-list1.style2 .pxl--item:last-child:after {
    display: none
}

.pxl-portfolio-modern1 {
    margin: 0 -22px
}

@media screen and (max-width:1200px) {
    .pxl-portfolio-modern1 {
        margin: 0 -15px
    }
}

.pxl-portfolio-modern1>div {
    padding: 0 22px
}

@media screen and (max-width:1200px) {
    .pxl-portfolio-modern1>div {
        padding: 0 15px
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--featuredRight {
    display: none
}

@media(max-width:767px) {
    .pxl-portfolio-modern1 .pxl-portfolio--featuredRight {
        display: block;
        margin-bottom: 30px
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--featuredRight a {
    position: relative !important
}

.pxl-portfolio-modern1 .pxl-portfolio--images {
    width: 66%;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0
}

@media(max-width:767px) {
    .pxl-portfolio-modern1 .pxl-portfolio--images {
        display: none
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--images .pxl-images--inner {
    height: 100%;
    position: relative
}

.pxl-portfolio-modern1 .pxl-portfolio--content {
    display: flex;
    width: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio--content .pxl-portfolio--items {
    width: 60%;
    padding-right: 15px;
    z-index: 5
}

@media(max-width:767px) {
    .pxl-portfolio-modern1 .pxl-portfolio--content .pxl-portfolio--items {
        width: 100%;
        padding-right: 0
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--item {
    margin-bottom: 86px
}

.pxl-portfolio-modern1 .pxl-portfolio--item:last-child {
    margin-bottom: 0
}

.pxl-portfolio-modern1 .pxl-portfolio--item:active .pxl-portfolio-min--inner .pxl-portfolio--title {
    color: #fff;
    -webkit-text-stroke: unset
}

.pxl-portfolio-modern1 .pxl-portfolio--item.active .pxl-portfolio-min--inner .pxl-portfolio--title {
    color: #fff;
    -webkit-text-stroke: unset
}

.pxl-portfolio-modern1 .pxl-content--inner {
    cursor: pointer;
    position: relative
}

.pxl-portfolio-modern1 .pxl-content--inner a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio-min--inner {
    display: flex;
    align-items: end
}

@media(max-width:880px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner {
        display: inline-block
    }
}

.pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
    font-family: Outfit;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -3.2px;
    -webkit-transition: all .35s ease;
    -khtml-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    line-height: 1.01;
    -webkit-text-stroke: 1px #fff;
    color: transparent
}

@media(max-width:1280px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size: 70px
    }
}

@media(max-width:1200px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size: 60px
    }
}

@media(max-width:880px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size: 50px
    }
}

@media(max-width:767px) {
    .pxl-portfolio-modern1 .pxl-portfolio-min--inner .pxl-portfolio--title {
        font-size: 45px
    }
}

.pxl-portfolio-modern1 .pxl-portfolio--featured {
    height: 100%;
    position: relative;
    z-index: 1;
    transform: scaleX(1)
}

.pxl-portfolio-modern1 .pxl-portfolio--featured a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio--featured:not(.pxl-portfolio--first) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-portfolio-modern1 .pxl-portfolio--featured.non-active {
    z-index: 2
}

.pxl-portfolio-modern1 .pxl-portfolio--featured.active {
    z-index: 3;
    -webkit-animation-name: pxlSkewInDivider;
    animation-name: pxlSkewInDivider;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-portfolio-modern1 .pxl-portfolio--meta {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    overflow: hidden
}

.pxl-portfolio-modern1 .pxl-portfolio--meta .pxl-meta--inner {
    flex-wrap: nowrap;
    white-space: nowrap
}

.pxl-portfolio-modern1 .pxl-portfolio--holder {
    padding-right: 40px;
    position: relative;
    margin-bottom: 3px
}

.pxl-image-hero1 {
    height: 300px;
    overflow: hidden;
    position: relative
}

.pxl-image-hero1.style-fade .pxl-bg-hero {
    clip-path: none
}

.pxl-image-hero1.style-fade .pxl-bg-hero:first-child {
    clip-path: none
}

.pxl-image-hero1 .pxl-bg-hero {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)
}

.pxl-image-hero1 .pxl-bg-hero:first-child {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}

.pxl-carousel-hero1 {}

.pxl-carousel-hero1 .pxl-item-inner {
    height: 1045px;
    overflow: hidden;
    position: relative;
    background-color: var(--link-color)
}

@media(max-width:1280px) {
    .pxl-carousel-hero1 .pxl-item-inner {
        height: 800px
    }
}

@media(max-width:1024px) {
    .pxl-carousel-hero1 .pxl-item-inner {
        height: 700px
    }
}

.pxl-carousel-hero1 .pxl-item-inner .pxl-swiper-dots {
    display: grid;
    gap: 30px;
    background: rgba(255, 255, 255, 5%);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 30px;
    padding: 30px 7px;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translate(0, -50%);
    z-index: 10
}

@media(max-width:767px) {
    .pxl-carousel-hero1 .pxl-item-inner .pxl-swiper-dots {
        top: unset;
        right: unset;
        transform: translate(-50%, 0);
        display: inline-flex;
        padding: 20px;
        gap: 15px;
        bottom: 50px;
        left: 50%
    }
}

.pxl-carousel-hero1 .pxl-item-inner .pxl-swiper-dots .pxl-dot {
    border-radius: 100%;
    display: inline-flex;
    width: 8px;
    height: 8px;
    background-color: #fff;
    margin: 0 10px;
    cursor: pointer;
    transition: all .5s ease-in-out;
    position: relative;
    opacity: 1
}

.pxl-carousel-hero1 .pxl-item-inner .pxl-swiper-dots .pxl-dot.active {
    background-color: #00b4d8
}

.pxl-carousel-hero1.style-fade:first-child .pxl-bg-hero {
    clip-path: none
}

.pxl-carousel-hero1.style-fade .pxl-bg-hero {
    clip-path: none
}

.pxl-carousel-hero1 .pxl-item {
    position: absolute;
    height: 100%;
    width: 100%;
    align-content: center;
    padding: 204px 0 100px
}

@media(max-width:767px) {
    .pxl-carousel-hero1 .pxl-item {
        padding: 100px 0
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-bg-hero,
.pxl-carousel-hero1 .pxl-item .pxl-bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pxl-carousel-hero1 .pxl-item .pxl-bg-overlay {
    z-index: 2
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content {
    position: relative;
    padding: 0 15px;
    max-width: 1325px;
    margin: 0 auto
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--img {
    position: absolute;
    top: -43px;
    left: -14px;
    z-index: 2
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-content-slide {
    display: flex;
    flex-direction: column;
    gap: 39px;
    z-index: 3;
    visibility: hidden;
    pointer-events: auto;
    position: relative;
    opacity: 0
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
    color: #fff;
    font-size: 72px;
    font-weight: 500;
    margin-bottom: 25px;
    line-height: 1.1;
    max-width: 692px
}

@media(max-width:991px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        font-size: 65px
    }
}

@media(max-width:767px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        max-width: 100%
    }
}

@media(max-width:676px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        font-size: 55px
    }
}

@media(max-width:575px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--title {
        font-size: 45px
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--desc {
    color: #fff;
    font-size: 18px;
    max-width: 525px;
    line-height: 1.5;
    font-family: lato, sans-serif
}

@media(max-width:767px) {
    .pxl-carousel-hero1 .pxl-item .pxl-item-content .pxl-item--desc {
        display: none
    }
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .btn {
    z-index: 10;
    background-color: #fff;
    color: var(--link-color)
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .btn .pxl-btn-icon {
    margin-left: 16px;
    background-color: var(--primary-color)
}

.pxl-carousel-hero1 .pxl-item .pxl-item-content .btn .pxl-btn-icon svg path {
    stroke: #fff
}

.pxl-slip-text-color {
    transition: all .7s ease-in-out;
    will-change: transform, opacity, filter
}

.pxl-marquee1 {
    overflow: hidden
}

.pxl-marquee1 .pxl-item-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -30px
}

.pxl-marquee1 .pxl-item-inner.style1 .pxl--item:hover svg path {
    fill: var(--link-color)
}

.pxl-marquee1 .pxl-item-inner.style1 .pxl--item svg {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-marquee1 .pxl-item-inner.style1 .pxl--item svg path {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #d5d5d5
}

.pxl-marquee1 .pxl-item-inner.style2 .pxl--item:hover svg path {
    fill: #fff
}

.pxl-marquee1 .pxl-item-inner.style2 .pxl--item svg {
    height: 40px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-marquee1 .pxl-item-inner.style2 .pxl--item svg path {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #333
}

.pxl-marquee1 .pxl--item {
    padding: 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    will-change: transform;
    transform: translateZ(0)
}

.pxl-marquee1 .pxl--item .pxl-item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-service-click1 .pxl-item-inner .pxl--item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 6px;
    padding-top: 30px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden;
    transform-origin: top;
    position: relative;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item {
        flex-direction: column
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #333;
    transform-origin: center;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(1)
}

.pxl-service-click1 .pxl-item-inner .pxl--item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform-origin: center;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item:first-child {
    margin-top: 0
}

.pxl-service-click1 .pxl-item-inner .pxl--item:last-child {
    border-bottom: 1px solid #333
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-content-number {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    width: 50%
}

@media screen and (max-width:767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-content-number {
        width: 100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item--number {
    font-size: 24px;
    color: #555;
    margin-top: 8px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content {
    width: 100%;
    max-width: 573px
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--title {
    color: #555;
    margin-bottom: 0;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

@media screen and (max-width:1200px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--title {
        font-size: 25px;
        max-width: 90%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-desc-btn {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    height: 0;
    opacity: 0;
    transform-origin: top;
    margin-top: 23px
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--desc {
    font-size: 15px;
    color: #777;
    max-width: 79%;
    margin-bottom: 25px;
    transform: translateY(100px);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn {
    transform: translateY(100px);
    -webkit-transition: all 550ms linear 0ms;
    -khtml-transition: all 550ms linear 0ms;
    -moz-transition: all 550ms linear 0ms;
    -ms-transition: all 550ms linear 0ms;
    -o-transition: all 550ms linear 0ms;
    transition: all 550ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a {
    background-color: initial;
    padding: 0;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    overflow: hidden
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a:hover .pxl-btn-icon {
    animation: toRightFromLeft .3s linear 1
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .btn-text {
    text-decoration: underline
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon svg path {
    stroke: #fff
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-image-arrow {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 50%;
    padding-top: 11px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media screen and (max-width:767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-image-arrow {
        width: 100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image {
    display: flex;
    gap: 30px;
    margin-bottom: 6px;
    width: 100%;
    max-width: 580px
}

@media(max-width:575px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image {
        flex-direction: column
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image {
    position: relative;
    height: 25px;
    transform-origin: top;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image img {
    opacity: 0;
    transform-origin: top;
    transform: translateY(-100%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 99%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: 0;
    mix-blend-mode: color;
    z-index: 1;
    transform: translateY(-100%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #333 33%, rgba(255, 255, 255, .1) 50%, #333 66%), #333;
    opacity: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    animation: ct1 2s infinite linear;
    background-size: 300% 100%
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img1 {
    width: 100%
}

@media(max-width:575px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img1 {
        max-width: 100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2 {
    width: 100%;
    max-width: 230px
}

@media(max-width:575px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2 {
        max-width: 100%
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2 img {
    transform-origin: bottom;
    transform: translateY(100%)
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image.pxl-img2:before {
    transform: translateY(100%)
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #555;
    padding-top: 1px;
    transform: rotateX(0);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

@media screen and (max-width:767px) {
    .pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow {
        position: absolute;
        right: 0;
        top: 32px
    }
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow svg {
    width: 12px;
    height: auto
}

.pxl-service-click1 .pxl-item-inner .pxl--item .pxl-item-arrow svg path {
    stroke: var(--link-color)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active {
    padding-bottom: 31px;
    cursor: none
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active:before {
    opacity: 0;
    transform: scaleX(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active:after {
    opacity: 1;
    transform: scaleX(1)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-cursor-content {
    opacity: 0;
    display: none
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item--number {
    color: #fff
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-desc-btn {
    height: auto;
    opacity: 1
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--title {
    color: #fff;
    text-decoration: underline
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--desc {
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--btn {
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-arrow {
    transform: rotateX(180deg);
    background-color: #fff
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image {
    height: auto
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image img {
    opacity: 1;
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:before {
    opacity: .6;
    transform: translateY(0)
}

.pxl-service-click1 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:after {
    opacity: 0
}

.pxl-service-click2 {}

.pxl-service-click2 .pxl-item-inner .pxl--item {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 60px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden;
    transform-origin: top;
    position: relative;
    cursor: pointer
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item {
        gap: 30px
    }
}

@media(max-width:1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item {
        flex-direction: column
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #333;
    transform-origin: center;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(1)
}

.pxl-service-click2 .pxl-item-inner .pxl--item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform-origin: center;
    opacity: 0;
    transform: scaleX(0);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item:first-child {
    margin-top: 0
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
    display: flex;
    gap: 93px;
    width: 90%
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
        gap: 30px
    }
}

@media(max-width:1200px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
        flex-direction: column
    }
}

@media(max-width:1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-content-number {
        width: 100%
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item--number {
    font-size: 24px;
    color: #555;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    padding-top: 8px
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item--number {
        padding-top: 0
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left {
    display: flex;
    flex-direction: row;
    gap: 94px;
    width: 50%
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left {
        gap: 30px
    }
}

@media(max-width:1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left {
        width: 100%
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title {
    color: #555;
    margin-bottom: 0;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title {
        font-size: 32px
    }
}

@media(max-width:767px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-left .pxl-item--title {
        font-size: 28px
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content {
    width: 50%;
    padding-top: 11px
}

@media(max-width:1200px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content {
        width: 100%
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-service-list ul {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-service-list ul li {
    font-size: 15px;
    color: #999;
    text-transform: capitalize;
    font-weight: 500;
    height: 40px;
    align-content: center;
    padding: 0 20px;
    border: 1px solid #999;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    list-style: none;
    text-align: center
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-service-list ul li {
        font-size: 13px
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-desc-btn {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    height: 0;
    opacity: 0;
    transform-origin: top;
    margin-top: 29px;
    padding-top: 24px;
    border-top: 1px solid #333
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--desc {
    font-size: 15px;
    color: #777;
    max-width: 90%;
    margin-bottom: 25px;
    transform: translateY(100px);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn {
    transform: translateY(100px);
    -webkit-transition: all 550ms linear 0ms;
    -khtml-transition: all 550ms linear 0ms;
    -moz-transition: all 550ms linear 0ms;
    -ms-transition: all 550ms linear 0ms;
    -o-transition: all 550ms linear 0ms;
    transition: all 550ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a {
    background-color: initial;
    padding: 0;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-style: normal;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    gap: 15px
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a:hover .pxl-btn-icon {
    animation: toRightFromLeft .3s linear 1
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .btn-text {
    text-decoration: underline
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-content .pxl-item--btn a .pxl-btn-icon svg path {
    stroke: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-image-arrow {
    display: flex;
    gap: 100px;
    width: 50%;
    padding-top: 11px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    justify-content: end
}

@media(max-width:1600px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-image-arrow {
        gap: 30px
    }
}

@media(max-width:1024px) {
    .pxl-service-click2 .pxl-item-inner .pxl--item .pxl-image-arrow {
        width: 100%;
        justify-content: space-between
    }
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image {
    display: flex;
    gap: 30px;
    margin-bottom: 6px
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image {
    position: relative;
    height: 140px;
    transform-origin: top;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    overflow: hidden
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image img {
    transform-origin: top;
    transform: translateY(-50%);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 99%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-image .pxl-image:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, #121212 100%);
    opacity: 1;
    z-index: 2;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #555;
    padding-top: 1px;
    transform: rotateX(0);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-arrow svg {
    width: 12px;
    height: auto
}

.pxl-service-click2 .pxl-item-inner .pxl--item .pxl-item-arrow svg path {
    stroke: var(--link-color)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active {
    padding-bottom: 61px;
    cursor: none
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active:before {
    opacity: 0;
    transform: scaleX(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active:after {
    opacity: 1;
    transform: scaleX(1)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-cursor-content {
    opacity: 0;
    display: none
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item--number {
    color: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-left .pxl-item--title {
    color: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-desc-btn {
    height: auto;
    opacity: 1
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--desc {
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-content .pxl-item--btn {
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-arrow {
    transform: rotateX(180deg);
    background-color: #fff
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image {
    height: auto
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image img {
    opacity: 1;
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:before {
    opacity: .6;
    transform: translateY(0)
}

.pxl-service-click2 .pxl-item-inner .pxl--item.active .pxl-item-image .pxl-image:after {
    opacity: 0
}

.pxl-process-cards1 {
    position: relative
}

.pxl-process-cards1 .process-container {
    position: relative;
    height: 240vh;
    width: 100%;
    padding-top: 116px
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .process-container {
        height: 100%;
        padding: 60px 0
    }
}

.pxl-process-cards1 .process-container .pxl-cursor-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.pxl-process-cards1 .pxl-item-inner {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    position: sticky;
    top: 15rem;
    justify-content: space-between;
    overflow: visible;
    padding-bottom: 100px
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner {
        flex-direction: column;
        position: relative;
        padding-bottom: 40px;
        top: unset
    }
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content {
    flex-direction: column;
    justify-content: center;
    width: 50%;
    display: flex
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .pxl-process-content {
        width: 100%
    }
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-title-heading {
    font-size: 72px;
    font-weight: 500;
    line-height: 1.15em;
    margin-bottom: 12px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 112px
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-title-heading {
        padding-bottom: 60px;
        font-size: 48px
    }
}

@media screen and (max-width:575px) {
    .pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-title-heading {
        padding-bottom: 32px;
        font-size: 24px
    }
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-desc-heading {
    font-size: 20px;
    color: #777;
    line-height: 1.4
}

.pxl-process-cards1 .pxl-item-inner .pxl-process-content .pxl-banner-button {
    margin-top: 42px
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper {
    width: 37%;
    position: relative;
    display: flex;
    will-change: transform
}

@media(max-width:1200px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper {
        width: 42%
    }
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper {
        width: 100%
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .process-cards-list {
    grid-row-gap: 2rem;
    flex-direction: column;
    display: flex;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .process-cards-list {
        position: relative;
        top: unset;
        right: unset
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
    background-color: #fff;
    padding: 71px 49px 62px;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    min-height: 456px;
    transform-style: preserve-3d;
    will-change: opacity, transform
}

@media(max-width:1366px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
        padding: 50px 30px;
        min-height: 400px
    }
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
        padding: 30px 20px;
        min-height: auto
    }
}

@media screen and (max-width:575px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item {
        padding: 20px 15px
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: center;
    width: 100%;
    height: 2px;
    background-color: var(--link-color)
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon {
    position: relative
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg {
    height: 70px;
    width: auto;
    transition: all .3s ease-in-out
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg path {
    stroke: var(--link-color)
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg {
        width: 50px;
        height: 50px
    }
}

@media screen and (max-width:575px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon svg {
        width: 40px
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-active {
    opacity: 0;
    transition: all .3s ease-in-out
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-active svg {
    will-change: transform;
    transform-style: preserve-3d
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-active svg path {
    transition: stroke .3s ease;
    will-change: stroke-dashoffset
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-item--icon .pxl-icon-overlay {
    opacity: .3;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item.active .pxl-item--icon .pxl-icon-active {
    opacity: 1
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item.active .pxl-item--icon .pxl-icon-overlay {
    opacity: 0
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--title {
    margin-bottom: 14px
}

@media(max-width:1366px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--title {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--title {
        font-size: 24px
    }
}

.pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--desc {
    font-size: 15px;
    color: #999;
    padding-left: 1px;
    letter-spacing: .1px
}

@media screen and (max-width:767px) {
    .pxl-process-cards1 .pxl-item-inner .process-cards-wrapper .pxl--item .pxl-process-card-content .pxl-item--desc {
        font-size: 14px
    }
}

.pxl-process-cards2 {}

.pxl-process-cards2 .pxl-process-inner {
    background-color: var(--link-color);
    position: relative;
    overflow: hidden;
    transform: translate(0) !important;
    left: 0 !important
}

.pxl-process-cards2 .pxl-process-inner .pxl-inner-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.pxl-process-cards2 .pxl-process-inner .pxl-inner-bg .pxl-svg-animate {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .3
}

.pxl-process-cards2 .pxl-process-inner .pxl-inner-bg svg {
    width: 100%
}

.pxl-process-cards2 .process-container {
    max-width: 1320px;
    margin: 0 auto;
    padding-top: 88px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2
}

.pxl-process-cards2 .pxl-process-content {
    margin-bottom: -46px
}

.pxl-process-cards2 .pxl-process-content .pxl-title-heading {
    margin-bottom: 0;
    -webkit-text-stroke: 1px #333;
    font-size: 120px;
    line-height: 106px;
    text-transform: uppercase;
    text-align: center;
    color: var(--link-color);
    font-weight: 500;
    transition: -webkit-text-stroke .3s ease;
    will-change: -webkit-text-stroke
}

.pxl-process-cards2 .process-cards-wrapper {
    z-index: 2;
    position: relative;
    margin-bottom: 50px;
    height: 615px
}

.pxl-process-cards2 .process-cards-wrapper .process-cards-list {
    height: 100%;
    position: sticky
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item {
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 512px;
    will-change: transform;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

@media(max-width:1200px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item {
        height: 415px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content {
    width: 50%;
    padding: 30px 50px
}

@media(max-width:1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content {
        padding: 30px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-process-card-content {
    padding-top: 84px
}

@media(max-width:1280px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-process-card-content {
        padding-top: 20px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid var(--link-color)
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon svg {
    height: 50px;
    width: auto
}

@media(max-width:1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon {
        width: 80px;
        height: 80px
    }

    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--icon svg {
        height: 40px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--title {
    margin-bottom: 7px
}

@media(max-width:1200px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--title {
        font-size: 40px
    }
}

@media(max-width:1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--title {
        font-size: 30px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--desc {
    font-size: 15px;
    color: #555;
    margin-bottom: 42px
}

@media(max-width:1024px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-section-content .pxl-item--desc {
        margin-bottom: 20px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process {
    width: 50%;
    height: 512px;
    position: relative;
    overflow: hidden
}

@media(max-width:1200px) {
    .pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process {
        height: 415px
    }
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-process-cards2 .process-cards-wrapper .pxl--item .pxl-bg-process .pxl-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-size: cover
}

.pxl-process-cards2 .pxl-button-scroll {
    text-align: center
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom {
    display: inline-flex;
    flex-direction: column;
    width: 50px;
    height: 90px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #333;
    align-items: center;
    justify-content: space-between;
    padding: 19px 0 10px;
    overflow: hidden;
    background-color: var(--link-color)
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-border {
    display: flex;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #333
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-arrow {
    line-height: 1;
    transform: rotate(90deg);
    text-align: center;
    align-content: center;
    overflow: hidden;
    padding-right: 19px;
    padding-top: 1px
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-arrow svg {
    animation: toRightFromLeft 2.5s ease-in-out infinite
}

.pxl-process-cards2 .pxl-button-scroll .btn-cutom .pxl-icon-arrow svg path {
    stroke: rgba(225, 225, 225, .3)
}

.pxl-button-radius1 .btn-text-parallax {
    line-height: 1.3;
    width: 169px;
    height: 169px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: var(--link-color);
    color: #fff;
    font-size: 15px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .pxl-button-radius1 .btn-text-parallax {
        width: 120px;
        height: 120px;
        font-size: 14px
    }
}

@media screen and (max-width:575px) {
    .pxl-button-radius1 .btn-text-parallax {
        width: 90px;
        height: 90px;
        font-size: 13px
    }
}

.pxl-button-radius1 .btn-text-parallax .pxl--btn-text {
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms;
    text-decoration: underline
}

.pxl-button-radius2 .btn-text-parallax {
    line-height: 1.3;
    width: 150px;
    height: 150px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--link-color);
    color: #fff;
    font-size: 15px;
    position: relative;
    text-transform: uppercase;
    overflow: hidden
}

.pxl-button-radius2 .btn-text-parallax:before {
    content: '';
    background-color: var(--link-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 90%;
    height: 90%;
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms;
    position: absolute
}

.pxl-button-radius2 .btn-text-parallax .pxl-icon {
    transform: rotate(45deg);
    line-height: 0
}

.pxl-button-radius2 .btn-text-parallax svg {
    height: 44px;
    width: auto
}

.pxl-button-radius2 .btn-text-parallax svg path {
    fill: #fff
}

.pxl-button-radius2 .btn-text-parallax .pxl--btn-text {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    text-decoration: underline;
    max-width: 70%;
    text-align: center;
    z-index: 2
}

.pxl-button-radius3 {
    height: 100%
}

@media(max-width:767px) {
    .pxl-button-radius3 {
        height: unset
    }
}

.pxl-button-radius3 .pxl-item-inner {
    height: 100%;
    display: flex;
    justify-content: end
}

@media(max-width:767px) {
    .pxl-button-radius3 .pxl-item-inner {
        height: unset;
        display: unset
    }
}

.pxl-button-radius3 .btn-text-parallax {
    line-height: 1.7;
    max-width: 240px;
    max-height: 240px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    position: relative
}

@media(max-width:767px) {
    .pxl-button-radius3 .btn-text-parallax {
        width: 240px;
        height: 240px
    }
}

.pxl-button-radius3 .btn-text-parallax .pxl--btn-text {
    max-width: 40%;
    text-align: center;
    -webkit-transition: all 120ms linear 0ms;
    -khtml-transition: all 120ms linear 0ms;
    -moz-transition: all 120ms linear 0ms;
    -ms-transition: all 120ms linear 0ms;
    -o-transition: all 120ms linear 0ms;
    transition: all 120ms linear 0ms
}

@media(max-width:1600px) {
    .pxl-button-radius3 .btn-text-parallax .pxl--btn-text {
        max-width: 80%
    }
}

.pxl-button-radius3 .btn-text-parallax .pxl-border {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92%;
    height: 92%
}

.pxl-button-radius3 .btn-text-parallax .pxl-border:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 2;
    background-image: url(../img/explore-button2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    animation: pxl_spin 10s linear infinite
}

.pxl-tooltip1 {}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img {
    position: relative;
    overflow: hidden
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img {
    position: absolute;
    bottom: -3px;
    left: 100px
}

@media screen and (max-width:1200px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img {
        left: 15px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
    font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    line-height: 1
}

@media screen and (max-width:1200px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
        font-size: 64px
    }
}

@media screen and (max-width:767px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
        font-size: 48px
    }
}

@media screen and (max-width:575px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item--img .pxl-item-title-img .pxl-text-title-img {
        font-size: 32px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom {
    padding: 87px 100px 82px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px
}

@media(max-width:1600px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom {
        padding: 87px 50px 82px
    }
}

@media screen and (max-width:1280px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom {
        flex-direction: column;
        padding: 40px 20px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    width: 83%
}

@media screen and (max-width:1280px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list {
        flex-wrap: wrap
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item {
    width: 33.3333%
}

@media screen and (max-width:991px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item {
        width: calc(50% - 15px)
    }
}

@media screen and (max-width:575px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item {
        width: 100%
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img {
    position: relative
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-image-author {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -khtml-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -moz-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -ms-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    -o-transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    transition: all .5s cubic-bezier(.62, .21, .45, 1.52);
    opacity: 0;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: scale(0)
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-heading {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color);
    line-height: 1.3;
    margin-bottom: 0;
    display: inline-block;
    position: relative;
    -webkit-transition: .5s ease-in-out;
    -khtml-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    background-repeat: no-repeat;
    background-position-y: -4px;
    background-image: linear-gradient(transparent calc(100% - 1px), var(--link-color) 1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: .6s cubic-bezier(.215, .61, .355, 1)pxl-wide-menu-underline forwards
}

@media screen and (max-width:767px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-heading-img .pxl-heading {
        font-size: 20px
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-sub {
    font-size: 15px;
    color: #999
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list {
    padding-bottom: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    -khtml-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list:hover .pxl-image-author {
    opacity: 1;
    transform: scale(1)
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-list .pxl--item .pxl-item-list:hover .pxl-heading {
    animation: .6s cubic-bezier(.215, .61, .355, 1)pxl-wide-menu-underline-hover forwards
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-item-title {
    color: #999;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-bottom: 44px
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section {
    width: 27%
}

@media screen and (max-width:1280px) {
    .pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section {
        width: 100%
    }
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-item-title {
    margin-bottom: 50px
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .btn {
    display: flex
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .btn.btn-lv2 {
    background-color: initial;
    color: var(--link-color);
    border: 1px solid var(--link-color);
    line-height: 52px
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .btn.btn-lv2 svg path {
    stroke: var(--link-color)
}

.pxl-tooltip1 .pxl-tooltip-inner .pxl-item-bottom .pxl-content-section .pxl-tooltip-button .pxl-item-button1 {
    margin-bottom: 30px
}

.pxl-service-process1 {
    background-color: var(--link-color)
}

.pxl-service-process1 .pxl-item-inner {
    position: sticky;
    height: 100vh;
    top: 0;
    padding-top: 60px
}

@media(max-width:1200px) {
    .pxl-service-process1 .pxl-item-inner {
        position: relative;
        height: unset;
        top: unset
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-hidden {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top {
    margin-bottom: 100px
}

@media(max-width:1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-section-top {
        margin-bottom: 50px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container {
    max-width: 1750px !important
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent {
    display: flex;
    flex-direction: row;
    gap: 30px
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-sub-title {
    color: #777;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .75px;
    text-transform: uppercase;
    line-height: 1.3;
    width: 30.3%;
    margin-top: 8px
}

.pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-title-heading {
    color: #fff;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2em;
    width: 70%
}

@media(max-width:1366px) {
    .pxl-service-process1 .pxl-item-inner .pxl-section-top .container .pxl-section-indent .pxl-title-heading {
        font-size: 38px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list {
    border-top: 1px solid #fff;
    display: flex;
    flex-wrap: nowrap;
    position: static
}

@media(max-width:1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list {
        flex-wrap: wrap;
        position: relative
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process {
    position: relative;
    z-index: 1;
    border-left: 1px solid #fff;
    background-color: var(--link-color)
}

@media(max-width:1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process {
        width: 50%
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process:first-child {
    border-left: none
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
    width: 33.31vw;
    padding: 71px 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
        padding: 71px 30px 61px
    }
}

@media(max-width:1200px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
        width: 100%
    }
}

@media(max-width:1024px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .item_process {
        padding: 50px 30px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-top {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-top {
        flex-direction: column
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 50px
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--icon svg {
    width: auto;
    height: 50px
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-section-title .pxl-item--title {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.2;
    color: #fff
}

@media(max-width:1700px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-section-title .pxl-item--title {
        font-size: 20px
    }
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-section-title .pxl-item--title {
        text-align: left
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
    font-size: 142px;
    line-height: .7;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    text-align: right;
    letter-spacing: 1px;
    margin-right: -11px;
    margin-bottom: 14px
}

@media(max-width:1700px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
        font-size: 100px
    }
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
        text-align: left
    }
}

@media(max-width:1024px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-item--heading {
        font-size: 70px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
    border-top: 1px solid #333;
    padding-top: 11px;
    margin-top: 190px;
    transform: translateY(0)
}

@media(max-width:1400px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
        margin-top: 150px
    }
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
        margin-top: 70px
    }
}

@media(max-width:1024px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom {
        margin-top: 50px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item--desc {
    color: #777;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 34px;
    line-height: 1.75
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item--desc {
        font-size: 15px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item-btn .btn-style1 {
    color: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom .pxl-item-btn .btn-style1 svg path {
    stroke: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom-lv2 {
    position: absolute;
    bottom: 70px;
    left: 50px;
    opacity: 0;
    transform: translateY(100px)
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .wrap_item_process .pxl-list-bottom-lv2 .pxl-item--title {
    font-weight: 600;
    font-size: 15px;
    text-transform: unset;
    max-width: 100px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    text-transform: uppercase
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right {
    width: 100%
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .item_process {
    width: 830px;
    align-items: end
}

@media(max-width:1800px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .item_process {
        align-items: start
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item--heading,
.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-sub--heading {
    text-align: left;
    font-size: 90px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 0;
    color: #fff;
    width: 100%
}

@media(max-width:1280px) {

    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item--heading,
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-sub--heading {
        font-size: 70px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-sub--heading {
    font-weight: 300
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom {
    border: none;
    margin-top: 115px;
    padding: 0;
    max-width: 450px
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom .pxl-item--desc {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.41;
    color: #fff
}

@media(max-width:1280px) {
    .pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-list-bottom .pxl-item--desc {
        font-size: 20px
    }
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item-btn .btn-default {
    line-height: 52px;
    border: 1px solid #fff;
    background-color: initial;
    color: #fff
}

.pxl-service-process1 .pxl-item-inner .pxl-item-list .pxl-item-right .pxl-item-btn .btn-default svg path {
    stroke: #fff
}

.pxl-button-custom1.style1 .btn-cutom {
    display: flex;
    align-items: center;
    line-height: 64px;
    background-color: initial;
    color: var(--link-color);
    border: 1px solid #03045e;
    font-size: 16px;
    font-weight: 500;
    -webkit-border-radius: .25rem;
    -khtml-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
    border-radius: .25rem;
    padding: 0 30px;
    gap: 5px
}

.pxl-button-custom1.style1 .btn-cutom:hover {
    color: #fff;
    background-color: #03045e;
    border-color: #03045e
}

.pxl-image-marquee1 {
    position: relative
}

.pxl-image-marquee1.style1 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
    color: var(--link-color);
    font-weight: 700
}

.pxl-image-marquee1.style1 .pxl--item {
    padding: 0 22px;
    width: auto;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style1 .pxl--item:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-image-marquee1.style1 .pxl--item .pxl-image {
    overflow: hidden
}

.pxl-image-marquee1.style1 .pxl--item .pxl-item--icon {
    overflow: hidden
}

.pxl-image-marquee1.style1 .pxl--item .pxl-item--icon svg path {
    fill: #333;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style1 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    width: max-content
}

.pxl-image-marquee1.style1 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: max-content;
    height: 100%
}

.pxl-image-marquee1.style1 .pxl-text-slide.text-slide-to-left {
    left: 90%
}

.pxl-image-marquee1.style1 .pxl-text-slide.text-slide-to-right {
    right: 90%
}

@media screen and (max-width:1200px) {
    .pxl-image-marquee1.style1 .pxl-text-slide {
        margin: 0 -15px
    }
}

.pxl-image-marquee1.style2 .pxl-item--text {
    white-space: nowrap;
    line-height: 1;
    font-size: 0;
    color: var(--link-color);
    font-weight: 700
}

.pxl-image-marquee1.style2 .pxl--item {
    padding: 0 15px;
    width: auto;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style2 .pxl--item:hover .pxl-item--icon svg path {
    fill: #fff
}

.pxl-image-marquee1.style2 .pxl--item .pxl-image {
    overflow: hidden
}

.pxl-image-marquee1.style2 .pxl--item .pxl-item--icon {
    overflow: hidden
}

.pxl-image-marquee1.style2 .pxl--item .pxl-item--icon svg path {
    fill: #333;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-image-marquee1.style2 .pxl-text-fixed {
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-wrap: nowrap;
    width: max-content
}

.pxl-image-marquee1.style2 .pxl-text-slide {
    margin: 0 -30px;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    width: max-content;
    height: 100%
}

.pxl-image-marquee1.style2 .pxl-text-slide.text-slide-to-left {
    left: 90%
}

.pxl-image-marquee1.style2 .pxl-text-slide.text-slide-to-right {
    right: 90%
}

@media screen and (max-width:1200px) {
    .pxl-image-marquee1.style2 .pxl-text-slide {
        margin: 0 -15px
    }
}

.pxl-border-animate1.border-image .pxl-border-inner {
    border: 1px solid transparent;
    border-image: repeating-linear-gradient(to right, #d5d5d5 0, #d5d5d5 20px, transparent 20px, transparent 30px);
    border-image-slice: 1
}

.pxl-process-carousel1 .pxl-carousel-inner {
    margin: 0
}

.pxl-process-carousel1 .pxl-swiper-container {
    margin: 0;
    padding: 0 !important
}

.pxl-process-carousel1 .pxl-swiper-slide {
    padding: 0
}

.pxl-process-carousel1 .pxl-item-top {
    padding: 0 135px;
    margin-bottom: 38px
}

@media(max-width:1366px) {
    .pxl-process-carousel1 .pxl-item-top {
        padding: 0 15px
    }
}

.pxl-process-carousel1 .pxl-item-top .process-container {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-direction: row;
    gap: 30px;
    padding: 0 15px
}

@media(max-width:1366px) {
    .pxl-process-carousel1 .pxl-item-top .process-container {
        padding: 0
    }
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-item-heading {
    margin-bottom: 0
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap {
    margin: 0;
    gap: 14px
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    height: 16px;
    width: auto;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-process-carousel1 .pxl-item-top .process-container .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev svg {
    transform: rotate(180deg)
}

.pxl-process-carousel1 .pxl-item-bottom {
    margin-left: 150px;
    margin-right: -510px;
    overflow: hidden
}

@media(max-width:1366px) {
    .pxl-process-carousel1 .pxl-item-bottom {
        margin: 0 15px
    }
}

.pxl-process-carousel1 .pxl-item-inner .pxl-item-title {
    margin-bottom: 33px;
    font-size: 17px;
    line-height: 1.2;
    text-transform: uppercase;
    border-top: 1px solid var(--link-color);
    border-bottom: 1px solid var(--link-color);
    padding: 26px 0
}

.pxl-process-carousel1 .pxl-item-inner .pxl-item--desc {
    color: #555;
    font-size: 15px;
    max-width: 84%
}

@media(max-width:1366px) {
    .pxl-process-carousel1 .pxl-item-inner .pxl-item--desc {
        max-width: 95%
    }
}

.pxl-process-carousel2 .pxl-swiper-container {
    margin: 0
}

.pxl-process-carousel2 .pxl-swiper-slide {
    padding: 0
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-number {
    color: #333;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #333;
    margin-top: 26px;
    margin-bottom: 44px;
    position: relative
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line span {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    line-height: 1;
    width: 0;
    z-index: 2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line span svg {
    width: 100%
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-line:before {
    content: '';
    width: 9px;
    height: 9px;
    position: absolute;
    background-color: #333;
    top: 50%;
    left: 0;
    transform: rotate(45deg)translate(0, -50%);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 18px
}

@media(max-width:880px) {
    .pxl-process-carousel2.style-default .pxl-item-inner .pxl-item-title {
        padding-right: 15px
    }
}

.pxl-process-carousel2.style-default .pxl-item-inner .pxl-item--desc {
    color: #333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67;
    max-width: 84%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width:880px) {
    .pxl-process-carousel2.style-default .pxl-item-inner .pxl-item--desc {
        padding-right: 15px;
        max-width: 100%
    }
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-number {
    color: #fff
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-line:before {
    background-color: #fff
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-line span {
    width: 90%
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item-title {
    color: #fff
}

.pxl-process-carousel2.style-default .swiper-slide-active .pxl-item-inner .pxl-item--desc {
    color: #999
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-number {
    color: #d5d5d5;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #d5d5d5;
    margin-top: 26px;
    margin-bottom: 44px;
    position: relative
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line span {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    line-height: 1;
    width: 0;
    z-index: 2;
    height: 1px;
    background-color: var(--link-color);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line span svg {
    width: 100%;
    display: none
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-line:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    background-color: #d5d5d5;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-title {
    color: #d5d5d5;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-bottom: 18px
}

@media(max-width:880px) {
    .pxl-process-carousel2.style2 .pxl-item-inner .pxl-item-title {
        padding-right: 15px
    }
}

.pxl-process-carousel2.style2 .pxl-item-inner .pxl-item--desc {
    color: #d5d5d5;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67;
    max-width: 84%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media(max-width:880px) {
    .pxl-process-carousel2.style2 .pxl-item-inner .pxl-item--desc {
        padding-right: 15px;
        max-width: 100%
    }
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-number {
    color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-line {
    border-color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-line:before {
    background-color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-line span {
    width: 90%
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item-title {
    color: var(--link-color)
}

.pxl-process-carousel2.style2 .swiper-slide-active .pxl-item-inner .pxl-item--desc {
    color: #777
}

.pxl-logo.style-overlay img {
    mix-blend-mode: overlay
}

.pxl-image-carousel1 .pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets {
    padding-top: 20px
}

.pxl-image-carousel1 .pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
    height: 3px
}

.pxl-image-carousel1 .pxl-swiper-slide {
    display: flex;
    align-items: center;
    gap: 9px
}

.pxl-image-carousel1 .pxl-swiper-slide .pxl-item--inner {
    position: relative;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    position: relative;
    flex-grow: 1;
    height: 100%;
    width: 100px;
    min-width: 2.05rem;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-image-carousel1 .pxl-swiper-slide .pxl-item--inner.active {
    width: 71.4%
}

.pxl-image-carousel1 .pxl-swiper-slide .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-image-carousel2 .pxl-carousel-inner {
    position: relative
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 100%
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: #fff
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 20px
}

.pxl-image-carousel2 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 20px
}

.pxl-image-carousel2 .pxl-item--inner {
    background-size: cover;
    background-position: 50%;
    position: relative
}

.pxl-image-carousel2 .pxl-item--inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-service-sidebar1 .pxl-item-inner {
    padding: 47px 0;
    background-color: var(--link-color);
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: space-between;
    height: 75vh
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-sub-title,
.pxl-service-sidebar1 .pxl-item-inner .pxl-item-change,
.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list {
    padding: 0 50px
}

@media(max-width:1600px) {

    .pxl-service-sidebar1 .pxl-item-inner .pxl-sub-title,
    .pxl-service-sidebar1 .pxl-item-inner .pxl-item-change,
    .pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list {
        padding: 0 30px
    }
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-sub-title {
    font-size: 15px;
    color: #777;
    letter-spacing: .75px;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
    margin-bottom: 65px;
    z-index: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-sub-title:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 4px;
    border-bottom: 1px dashed #333;
    z-index: -1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px
}

@media(max-width:1600px) {
    .pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change {
        flex-wrap: wrap;
        gap: 10px
    }
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 13px;
    border-top: 1px solid #333
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 13px;
    border-bottom: 1px solid #333
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change .pxl-item--icon {
    width: 100px;
    height: 100px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 1;
    background-color: var(--link-color)
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change .pxl-item--icon svg {
    height: 50px;
    width: auto
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change .pxl-item-title {
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    color: #fff;
    z-index: 1
}

@media(max-width:1366px) {
    .pxl-service-sidebar1 .pxl-item-inner .pxl-inner-change .pxl-item-change .pxl-item-title {
        font-size: 32px;
        line-height: 40px
    }
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item--icon {
    display: none
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link {
    color: #777;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: relative;
    border-bottom: 1px solid #333;
    padding: 10px 0 11px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link:hover {
    color: #fff;
    border-color: #fff;
    padding-left: 17px
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link:hover .pxl-arrow1 {
    left: 0;
    opacity: 1
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link.active {
    color: #fff;
    border-color: #fff;
    padding-left: 0
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link.active .pxl-arrow2 {
    opacity: 1;
    transform: translateX(0)
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link.active .pxl-arrow1 {
    display: none
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link .pxl-arrow1 {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -20px;
    opacity: 0;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-service-sidebar1 .pxl-item-inner .pxl-inner-list .pxl-item .pxl-item-link .pxl-arrow2 {
    opacity: 0;
    transform: translateX(-20px);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-text-change1 .pxl-change-inner {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    z-index: 998;
    position: relative
}

@media(max-width:1024px) {
    .pxl-text-change1 .pxl-change-inner {
        flex-direction: column;
        gap: 10px
    }
}

.pxl-text-change1 .pxl-change-inner .pxl--heading {
    font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.18;
    position: relative
}

@media(max-width:1366px) {
    .pxl-text-change1 .pxl-change-inner .pxl--heading {
        font-size: 70px
    }
}

@media(max-width:767px) {
    .pxl-text-change1 .pxl-change-inner .pxl--heading {
        font-size: 55px
    }
}

.pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-blacktext {
    color: var(--link-color)
}

.pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-whitetext {
    color: #fff;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    will-change: clip-path
}

.pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-list-heading {
    max-width: 80%;
    display: inline-block
}

@media(max-width:1600px) {
    .pxl-text-change1 .pxl-change-inner .pxl--heading .pxl-list-heading {
        max-width: 100%
    }
}

.pxl-text-change1 .pxl-change-inner .pxl-inner-list {
    height: fit-content
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 350px;
    justify-content: end;
    z-index: 1;
    padding-top: 20px
}

@media(max-width:1024px) {
    .pxl-text-change1 .pxl-change-inner .pxl-list-banner {
        justify-content: start
    }
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner a {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    padding: 10.5px 20px;
    border-radius: 100px;
    color: #999;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-white {
    opacity: 1
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-black {
    z-index: 9999;
    position: absolute;
    top: 0;
    right: 0;
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    will-change: clip-path
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-black a {
    background-color: #333;
    border-color: #333;
    color: #777
}

.pxl-text-change1 .pxl-change-inner .pxl-list-banner.pxl-list-black a:hover {
    color: #fff
}

.pxl-words-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    border-right: 1px solid
}

@media(max-width:676px) {
    .pxl-words-wrapper {
        display: block
    }
}

.pxl-words-wrapper b {
    position: absolute;
    opacity: 0;
    white-space: nowrap
}

@media(max-width:676px) {
    .pxl-words-wrapper b {
        white-space: normal
    }
}

.pxl-words-wrapper b.is-visible {
    position: relative;
    opacity: 1
}

.pxl-text-editor .style-overlay {
    mix-blend-mode: overlay
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image {
    padding: 10px;
    background-color: #e5e5e5;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image:hover .pxl-img-relative .pxl-post--btn .pxl-item-btn {
    opacity: 1
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image .pxl-img-relative {
    border: 1px solid #d5d5d5;
    position: relative;
    overflow: hidden
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image .pxl-img-relative .pxl-post--btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--image .pxl-img-relative .pxl-post--btn .pxl-item-btn {
    width: 100px;
    height: 100px;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    opacity: 0
}

.pxl-grid-custom1 .pxl-item--inner .pxl-item--title {
    margin-bottom: 0;
    color: var(--link-color);
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .85px;
    text-transform: capitalize;
    margin-top: 27px
}

.pxl-grid-custom2 .pxl-grid-inner {
    margin: 0 -20px
}

.pxl-grid-custom2 .pxl-grid-item {
    padding: 20px
}

.pxl-grid-custom2 .pxl-item--inner {
    border: 1px solid #d5d5d5;
    padding: 39px 29px 31px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width:1500px) {
    .pxl-grid-custom2 .pxl-item--inner {
        padding: 39px 15px 31px
    }
}

.pxl-grid-custom2 .pxl-item--inner:hover {
    border-color: var(--link-color)
}

.pxl-grid-custom2 .pxl-item--inner:hover .pxl-item--holder {
    border-color: var(--link-color)
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 18px;
    padding-bottom: 24px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width:1400px) {
    .pxl-grid-custom2 .pxl-item--inner .pxl-item--holder {
        flex-direction: column;
        gap: 20px
    }
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon {
    width: 100px;
    min-width: 100px;
    height: 100px;
    background-color: var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon svg path {
    stroke: #fff;
    fill: #fff
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon svg.pxl-palette1 path,
.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item-icon svg.pxl-update-icon1 path {
    fill: none
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item--holder .pxl-item--title {
    font-size: 20px;
    color: var(--link-color);
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item-desc {
    font-size: 15px;
    color: #555
}

@media(max-width:1400px) {
    .pxl-grid-custom2 .pxl-item--inner .pxl-item-desc {
        text-align: center
    }
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item-desc p {
    margin-bottom: 0
}

.pxl-grid-custom2 .pxl-item--inner .pxl-item-desc strong {
    color: #333;
    font-weight: 700
}

.pxl-process-box1 .pxl-process-inner {
    position: relative;
    perspective: 1e3px;
    width: 320px;
    height: 320px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s ease-in-out
}

@media(max-width:1700px) {
    .pxl-process-box1 .pxl-process-inner {
        width: 280px;
        height: 280px
    }
}

@media(max-width:1700px) {
    .pxl-process-box1 .pxl-process-inner {
        width: 250px;
        height: 250px
    }
}

.pxl-process-box1 .pxl-process-inner:hover .pxl-section-desc {
    transform: rotateY(0)
}

.pxl-process-box1 .pxl-process-inner:hover .pxl-content-section {
    transform: rotateY(180deg)
}

.pxl-process-box1 .pxl-process-inner .pxl-section-desc,
.pxl-process-box1 .pxl-process-inner .pxl-content-section {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section {
    position: relative;
    transition: transform .8s ease-in-out;
    transform-style: preserve-3d;
    opacity: 1;
    z-index: 2;
    align-content: center;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section:before {
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    background-color: var(--primary-color);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-title {
    font-size: 24px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--link-color);
    position: relative;
    text-align: center;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 0
}

@media(max-width:1700px) {
    .pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-title {
        font-size: 20px
    }
}

.pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 180px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    line-height: 1;
    color: transparent
}

@media(max-width:1700px) {
    .pxl-process-box1 .pxl-process-inner .pxl-content-section .pxl-item-number {
        font-size: 150px
    }
}

.pxl-process-box1 .pxl-process-inner .pxl-section-desc {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-content: center;
    transform: rotateY(180deg);
    transition: all .8s ease-in-out;
    z-index: 1;
    border: 1px solid var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-process-box1 .pxl-process-inner .pxl-section-desc:before {
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    top: 50%;
    left: 50%;
    background-color: var(--link-color);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-process-box1 .pxl-process-inner .pxl-item-desc {
    color: #999;
    font-size: 15px;
    max-width: 234px;
    text-align: center;
    position: relative;
    z-index: 1
}

@media(max-width:1700px) {
    .pxl-process-box1 .pxl-process-inner .pxl-item-desc {
        font-size: 13px
    }
}

.pxl-meta-box1 .pxl-item-inner {
    -webkit-border-radius: 24px;
    -khtml-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    border-radius: 24px;
    background-color: #fff;
    backdrop-filter: blur(50px);
    padding: 37px 40px 43px 47px
}

@media(max-width:1280px) {
    .pxl-meta-box1 .pxl-item-inner {
        padding: 37px 15px 43px
    }
}

.pxl-meta-box1 .pxl-item-inner .pxl-inner-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(79, 118, 97, .4);
    padding-bottom: 36px;
    margin-bottom: 15px
}

.pxl-meta-box1 .pxl-item-inner .pxl-inner-top .pxl-item-heading {
    margin-bottom: 0;
    font-size: 26.5px
}

.pxl-meta-box1 .pxl-item-inner .pxl-inner-top .pxl-item--icon {
    line-height: 1
}

.pxl-meta-box1 .pxl-item-inner .pxl-inner-top .pxl-item--icon svg path {
    fill: #a6dae5
}

.pxl-meta-box1 .pxl-item-inner .pxl-item-desc {
    color: #686877;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    font-family: public sans, sans-serif;
    max-width: 98%;
    line-height: 1.55;
    margin-bottom: 42px
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content {
    display: flex;
    gap: 22px
}

@media(max-width:1280px) {
    .pxl-meta-box1 .pxl-item-inner .pxl-meta-content {
        flex-direction: column
    }
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-title-svg {
    display: flex;
    gap: 12px;
    min-width: fit-content
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-title-svg .pxl-itemsvg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    min-width: 36px;
    height: 36px
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-title-svg .pxl-itemsvg svg path {
    fill: #fff
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-title-svg .pxl-item-title {
    margin-bottom: 0;
    color: var(--primary-color);
    font-size: 19px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 5px
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-item-text {
    display: flex;
    flex-direction: column;
    color: var(--link-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.45;
    padding-top: 3px
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-item-text span {
    margin-bottom: 1px
}

.pxl-meta-box1 .pxl-item-inner .pxl-meta-content .pxl-item-text span:last-child {
    margin-bottom: 0
}

.pxl-meta-box1 .pxl-item-inner .pxl-content-btn {
    margin-top: 67px
}

.pxl-meta-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    gap: 39px;
    justify-content: space-between
}

.pxl-meta-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn:hover .pxl-btn-icon svg path {
    fill: var(--primary-color)
}

.pxl-meta-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon {
    line-height: 1
}

.pxl-meta-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon svg path {
    fill: var(--link-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-meta-box2 .pxl-item-inner {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background: linear-gradient(91deg, #e5fbff 30.73%, #00b4d8 225.09%);
    padding: 49px 51px 58px
}

@media(max-width:1600px) {
    .pxl-meta-box2 .pxl-item-inner {
        padding: 49px 15px 58px
    }
}

.pxl-meta-box2 .pxl-item-inner .pxl-inner-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(79, 118, 97, .4);
    padding-bottom: 33px;
    margin-bottom: 16px
}

.pxl-meta-box2 .pxl-item-inner .pxl-inner-top .pxl-item-heading {
    margin-bottom: 0;
    font-size: 26.5px;
    color: #03045e
}

.pxl-meta-box2 .pxl-item-inner .pxl-inner-top .pxl-item--icon {
    line-height: 1
}

.pxl-meta-box2 .pxl-item-inner .pxl-inner-top .pxl-item--icon svg path {
    fill: #03045e
}

.pxl-meta-box2 .pxl-item-inner .pxl-item-desc {
    color: #686877;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 37px;
    max-width: 98%
}

.pxl-meta-box2 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    margin-bottom: 12px;
    color: var(--link-color);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2
}

.pxl-meta-box2 .pxl-item-inner .pxl-meta-content .pxl-item-text {
    display: flex;
    flex-direction: column;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.87;
    font-family: inter, sans-serif
}

.pxl-meta-box2 .pxl-item-inner .pxl-content-btn {
    margin-top: 41px
}

.pxl-meta-box2 .pxl-item-inner .pxl-content-btn .pxl-item-btn {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 20px;
    color: #03045e;
    justify-content: space-between
}

.pxl-meta-box2 .pxl-item-inner .pxl-content-btn .pxl-item-btn:hover {
    color: var(--primary-color)
}

.pxl-meta-box2 .pxl-item-inner .pxl-content-btn .pxl-item-btn:hover .pxl-btn-icon svg path {
    fill: var(--primary-color)
}

.pxl-meta-box2 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon {
    line-height: 1
}

.pxl-meta-box2 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon svg path {
    fill: #03045e;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-meta-box3 .pxl-item-inner {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-color: var(--primary-color);
    padding: 49px 51px 58px
}

@media(max-width:1600px) {
    .pxl-meta-box3 .pxl-item-inner {
        padding: 49px 15px 58px
    }
}

.pxl-meta-box3 .pxl-item-inner .pxl-inner-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding-bottom: 30px;
    margin-bottom: 39px
}

.pxl-meta-box3 .pxl-item-inner .pxl-inner-top .pxl-item-heading {
    margin-bottom: 0;
    font-size: 26.5px;
    color: #fff
}

.pxl-meta-box3 .pxl-item-inner .pxl-inner-top .pxl-item--icon {
    line-height: 1
}

.pxl-meta-box3 .pxl-item-inner .pxl-inner-top .pxl-item--icon svg path {
    fill: #fff
}

.pxl-meta-box3 .pxl-item-inner .pxl-box-list .pxl-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 15px;
    margin-bottom: 13px
}

.pxl-meta-box3 .pxl-item-inner .pxl-box-list .pxl-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.pxl-meta-box3 .pxl-item-inner .pxl-box-list .pxl-item .pxl-title-list,
.pxl-meta-box3 .pxl-item-inner .pxl-box-list .pxl-item .pxl-item-time {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .1px
}

.pxl-meta-box3 .pxl-item-inner .pxl-content-btn {
    margin-top: 73px
}

.pxl-meta-box3 .pxl-item-inner .pxl-content-btn .pxl-item-btn {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    gap: 48px;
    color: #fff
}

.pxl-meta-box3 .pxl-item-inner .pxl-content-btn .pxl-item-btn:hover {
    color: var(--link-color)
}

.pxl-meta-box3 .pxl-item-inner .pxl-content-btn .pxl-item-btn:hover .pxl-btn-icon svg path {
    fill: var(--link-color)
}

.pxl-meta-box3 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon {
    line-height: 1
}

.pxl-meta-box3 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon svg path {
    fill: #fff;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-rating-box1 .pxl-item-inner {
    background-color: var(--primary-color);
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 24px 40px 23px 34px
}

.pxl-rating-box1 .pxl-item-inner .pxl-item-title {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2
}

.pxl-rating-box1 .pxl-item-inner .pxl-meta-content {
    display: flex;
    gap: 13px;
    align-items: center
}

.pxl-rating-box1 .pxl-item-inner .pxl-meta-content .pxl-item-number {
    font-size: 46px;
    font-weight: 600;
    line-height: 1;
    color: #fff
}

.pxl-rating-box1 .pxl-item-inner .pxl-meta-content .pxl-inner-star {
    max-width: 52px
}

.pxl-rating-box1 .pxl-item-inner .pxl-meta-content .pxl-item--star {
    font-size: 13.2px;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-gallery-carousel1 .pxl-swiper-container {
    margin: 0 -20px
}

@media(max-width:1280px) {
    .pxl-gallery-carousel1 .pxl-swiper-container {
        margin: 0 -15px
    }
}

.pxl-gallery-carousel1 .pxl-swiper-slide {
    padding: 0 20px
}

@media(max-width:1280px) {
    .pxl-gallery-carousel1 .pxl-swiper-slide {
        padding: 0 15px
    }
}

.pxl-gallery-carousel1 .pxl-item--inner {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-gallery-carousel1 .pxl-item--inner:hover .pxl-item--img .pxl-item-overlay {
    opacity: 1
}

.pxl-gallery-carousel1 .pxl-item--inner:hover .pxl-item--img img {
    transform: scale(1.05)
}

.pxl-gallery-carousel1 .pxl-item--inner:hover .pxl-item--img a {
    transform: translate(-50%, -50%)scale(1);
    opacity: 1
}

.pxl-gallery-carousel1 .pxl-item--inner .pxl-item--img {
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    position: relative
}

.pxl-gallery-carousel1 .pxl-item--inner .pxl-item--img img {
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform-origin: center center
}

.pxl-gallery-carousel1 .pxl-item--inner .pxl-item--img .pxl-item-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 7%);
    backdrop-filter: blur(3px);
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    z-index: 1
}

.pxl-gallery-carousel1 .pxl-item--inner .pxl-item--img a {
    color: var(--link-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)scale(0);
    transform-origin: center center;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    -webkit-transition: all .5s cubic-bezier(.55, .085, 0, .99);
    -khtml-transition: all .5s cubic-bezier(.55, .085, 0, .99);
    -moz-transition: all .5s cubic-bezier(.55, .085, 0, .99);
    -ms-transition: all .5s cubic-bezier(.55, .085, 0, .99);
    -o-transition: all .5s cubic-bezier(.55, .085, 0, .99);
    transition: all .5s cubic-bezier(.55, .085, 0, .99);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    z-index: 2;
    opacity: 0
}

.pxl-gallery-carousel1 .pxl-item--inner .pxl-item--img a .pxl-item-icon {
    line-height: 1
}

.pxl-gallery-carousel1 .pxl-item--inner .pxl-item--img a .pxl-item-icon i {
    animation: blink 2.4s infinite;
    transform-origin: 50% 50%
}

.pxl-service-box1 .pxl-item-inner {
    position: relative;
    padding: 69px 65px 73px;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.pxl-service-box1 .pxl-item-inner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid rgba(255, 255, 255, .3)
}

.pxl-service-box1 .pxl-item-inner .pxl-hover-bg-boxes {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: -100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden
}

.pxl-service-box1 .pxl-item-inner .pxl-hover-bg-boxes:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .9;
    background: linear-gradient(180deg, rgba(164, 229, 242, .72) 0%, #00b4d8 100%), #d3d3d3 -162.197px -86px/220.39% 128.821% no-repeat
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content {
    z-index: 2;
    position: relative
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon {
    font-size: 84px;
    color: #fff;
    line-height: 1;
    margin-bottom: 22px
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon svg {
    height: 84px;
    width: auto
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-icon-service3 circle {
    fill: #fff
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-icon-service4 path,
.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-icon-service5 path,
.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-icon-service8 path {
    fill: #fff
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    color: #fff;
    font-size: 26.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.21;
    margin-bottom: 20px
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.55;
    margin-bottom: 37px
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    gap: 9px
}

.pxl-service-box1 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn .pxl-icon-button svg path {
    fill: #fff;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-service-box2 .pxl-item-inner {
    border-radius: 24.969px;
    overflow: hidden;
    padding: 56px 50px 50px 58px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-box2 .pxl-item-inner:hover .pxl-meta-content .pxl-item--icon {
    background-color: var(--primary-color)
}

.pxl-service-box2 .pxl-item-inner:hover .pxl-meta-content .pxl-item--icon:before {
    opacity: 1;
    top: 5.05px;
    left: 5.05px
}

.pxl-service-box2 .pxl-item-inner:hover .pxl-meta-content .pxl-item-title {
    color: #fff
}

.pxl-service-box2 .pxl-item-inner:hover .pxl-meta-content .pxl-item-desc {
    color: #fff;
    border-color: rgba(234, 234, 234, .35)
}

.pxl-service-box2 .pxl-item-inner:hover .pxl-meta-content .pxl-sevice--btn .pxl-item-btn {
    color: #fff
}

.pxl-service-box2 .pxl-item-inner:hover .pxl-meta-content .pxl-sevice--btn .pxl-item-btn .pxl-icon-button svg path {
    stroke: #fff
}

.pxl-service-box2 .pxl-item-inner:before {
    content: '';
    position: absolute;
    border: .999px solid #d7d7d7;
    background-color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1
}

.pxl-service-box2 .pxl-item-inner .pxl-hover-bg-boxes {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: -100%;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 24.969px;
    -khtml-border-radius: 24.969px;
    -moz-border-radius: 24.969px;
    -ms-border-radius: 24.969px;
    -o-border-radius: 24.969px;
    border-radius: 24.969px;
    overflow: hidden
}

.pxl-service-box2 .pxl-item-inner .pxl-hover-bg-boxes:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
    mix-blend-mode: multiply;
    background: linear-gradient(0deg, rgba(0, 70, 135, .79) 0%, rgba(0, 70, 135, .79) 100%), #d3d3d3 50%/cover no-repeat
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content {
    z-index: 2;
    position: relative
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon {
    border-radius: 12.083px;
    background-color: #03045e;
    width: 64.948px;
    height: 64.948px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36.25px;
    color: #fff;
    position: absolute;
    bottom: 7px;
    right: 7px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 15.104px;
    background-color: rgba(0, 180, 216, .18);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: -1
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon svg {
    height: 36.25px;
    width: auto
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-urology1 path,
.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-endocrinology1 path,
.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item--icon .pxl-orthopedic1 path {
    stroke: none;
    fill: #fff
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    color: #03045e;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
    padding-left: 21px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item-title:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: var(--primary-color);
    top: 50%;
    left: 0;
    transform: translate(0, -50%)
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    border-top: 1px solid #eaeaea;
    padding-top: 18px;
    margin-top: 19px;
    color: #686877;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .1px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn {
    margin-top: 57px
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    text-transform: capitalize;
    color: #000137;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn:hover .pxl-icon-button svg {
    transform: rotate(-40deg)
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn .pxl-icon-button {
    line-height: 1
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn .pxl-icon-button svg {
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-service-box2 .pxl-item-inner .pxl-meta-content .pxl-sevice--btn .pxl-item-btn .pxl-icon-button svg path {
    stroke: #000137;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-case-carousel1 .pxl-item-inner {
    position: relative;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-case-carousel1 .pxl-item-inner:hover .pxl-item--img a:before {
    height: 100%
}

.pxl-case-carousel1 .pxl-item-inner:hover .pxl-item-content {
    opacity: 1
}

.pxl-case-carousel1 .pxl-item-inner .pxl-item--img a {
    display: block;
    position: relative
}

.pxl-case-carousel1 .pxl-item-inner .pxl-item--img a:before {
    content: '';
    background: linear-gradient(0deg, #00b4d8 0%, rgba(0, 180, 216, 0) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-case-carousel1 .pxl-item-inner .pxl-item-content {
    padding: 0 35px;
    position: absolute;
    bottom: 31px;
    left: 0;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0
}

@media(max-width:991px) {
    .pxl-case-carousel1 .pxl-item-inner .pxl-item-content {
        padding: 0 15px
    }
}

.pxl-case-carousel1 .pxl-item-inner .pxl-item-content .pxl-inner-title {
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
    padding: 20px 32px
}

@media(max-width:991px) {
    .pxl-case-carousel1 .pxl-item-inner .pxl-item-content .pxl-inner-title {
        padding: 20px 15px
    }
}

.pxl-case-carousel1 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-sub-title {
    color: var(--primary-color);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 4px
}

.pxl-case-carousel1 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-item-heading {
    color: #03045e;
    font-size: 26.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.21
}

@media(max-width:991px) {
    .pxl-case-carousel1 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-item-heading {
        font-size: 22px
    }
}

.pxl-inner-box1 .pxl-item-inner .pxl-item-heading {
    font-weight: 600;
    line-height: 1.21;
    margin-bottom: 36px
}

.pxl-inner-box1 .pxl-item-inner .pxl-item-desc {
    font-size: 17px;
    line-height: 1.64;
    margin-bottom: 29px
}

.pxl-inner-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn {
    display: inline-flex;
    align-items: center;
    color: var(--link-color);
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    gap: 10px;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-inner-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn:hover .pxl-btn-icon {
    transform: rotate(-40deg)
}

.pxl-inner-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon {
    line-height: 1;
    width: 33px;
    height: 33px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-inner-box1 .pxl-item-inner .pxl-content-btn .pxl-item-btn .pxl-btn-icon svg path {
    fill: #fff
}

.pxl-instagram-carousel1 .pxl-swiper-container {
    margin: 0 -11px
}

.pxl-instagram-carousel1 .pxl-swiper-slide {
    padding: 0 11px
}

.pxl-instagram-carousel1 .pxl-item-inner {
    position: relative;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-instagram-carousel1 .pxl-item-inner:hover .pxl-item--icon {
    opacity: 1
}

.pxl-instagram-carousel1 .pxl-item-inner:hover .pxl-item--img img {
    transform: scale(1.1)
}

.pxl-instagram-carousel1 .pxl-item-inner .pxl-item--img img {
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-instagram-carousel1 .pxl-item-inner .pxl-instagram-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.pxl-instagram-carousel1 .pxl-item-inner .pxl-item--icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 35px;
    background-color: rgba(0, 1, 55, .8);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0
}

.pxl-countdown .countdown-item-inner,
.pxl-countdown .countdown-item-holder,
.pxl-countdown .countdown-item:after {
    -webkit-transition: all 500ms ease-in-out;
    -khtml-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

.pxl-countdown .countdown-item-inner svg,
.pxl-countdown .countdown-item-holder svg,
.pxl-countdown .countdown-item:after svg,
.pxl-countdown .countdown-item-inner .countdown-amount,
.pxl-countdown .countdown-item-holder .countdown-amount,
.pxl-countdown .countdown-item:after .countdown-amount,
.pxl-countdown .countdown-item-inner .countdown-period,
.pxl-countdown .countdown-item-holder .countdown-period,
.pxl-countdown .countdown-item:after .countdown-period {
    -webkit-transition: inherit;
    -khtml-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit
}

.pxl-countdown-layout1 {
    line-height: 1;
    padding: 20px 0 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pxl-countdown-layout1 .countdown-amount {
    position: relative;
    line-height: 1;
    font-size: 53px;
    font-weight: 600;
    color: var(--link-color);
    margin-bottom: 23px
}

.pxl-countdown-layout1 .countdown-amount:after {
    content: ':';
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 36px;
    font-weight: 700;
    font-family: abhaya libre, serif
}

.pxl-countdown-layout1 .countdown-period {
    font-size: 20px;
    text-transform: uppercase;
    font-family: abhaya libre, serif;
    color: #686877
}

.pxl-countdown-layout1 .countdown-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-right: 25px;
    margin-right: 25px;
    margin-bottom: 15px
}

.pxl-countdown-layout1 .countdown-item:last-child {
    margin-right: 0;
    padding-right: 0
}

.pxl-countdown-layout1 .countdown-item:last-child .countdown-amount:after {
    display: none
}

.pxl-table1 .pxl-table-inner {
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 30px rgba(11, 16, 48, .1)
}

@media(max-width:1024px) {
    .pxl-table1 .pxl-table-inner {
        padding: 30px 15px
    }
}

.pxl-table1 .pxl-table-inner .pxl-songs-table {
    margin-bottom: 0
}

@media(max-width:1024px) {
    .pxl-table1 .pxl-table-inner .pxl-item-tr {
        flex-direction: column;
        display: flex
    }
}

.pxl-table1 .pxl-table-inner .pxl-item-tr th {
    background-color: #f2fbfd;
    color: var(--link-color);
    font-size: 18px;
    font-weight: 600;
    font-family: abhaya libre, serif;
    padding: 15px;
    line-height: 1.625;
    letter-spacing: 0
}

.pxl-table1 .pxl-table-inner .pxl-item-tr .highlight-list span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px
}

.pxl-table1 .pxl-table-inner .pxl-item-tr .highlight-list span i {
    font-size: 17px
}

.pxl-table1 .pxl-table-inner .pxl-item-tr .highlight-list span.day2 i {
    transform: rotate(90deg)
}

.pxl-table1 .pxl-table-inner .highlight {
    background-color: #f2fbfd;
    color: var(--link-color);
    font-size: 18px !important;
    font-weight: 600;
    font-family: abhaya libre, serif;
    padding: 15px;
    line-height: 1.625;
    min-width: 180px;
    text-align: left;
    letter-spacing: 0
}

.pxl-table1 .pxl-table-inner .highlight-list span {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(11, 16, 48, 5%)
}

.pxl-table1 .pxl-table-inner .highlight-list span:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none
}

@media(max-width:1024px) {
    .pxl-table1 .pxl-table-inner .pxl-list .pxl--item {
        flex-direction: column;
        display: flex
    }
}

.pxl-table1 .pxl-table-inner .pxl-list .pxl--item td {
    font-size: 14px;
    line-height: 1.625;
    padding: 5px 10px
}

.pxl-login .user-registration {
    background-color: initial;
    font-size: 16px;
    margin: 0 !important;
    padding: 0;
    color: #686877;
    max-width: 100% !important;
    box-shadow: none
}

.pxl-login .user-registration .ur-form-grid {
    padding: 0
}

.pxl-login .user-registration .ur-form-grid label {
    display: none
}

.pxl-login .user-registration .ur-form-grid .user-registration-before-login-btn {
    margin-top: 5px;
    margin-bottom: 22px
}

.pxl-login .user-registration .ur-form-grid .user-registration-before-login-btn label {
    margin: 0
}

.pxl-login .user-registration .ur-button-container {
    width: 100% !important;
    margin-top: 0 !important;
    padding: 0 !important
}

.pxl-login .user-registration .ur-button-container .ur-submit-button {
    line-height: 58px !important;
    padding: 0 30px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-radius: 100px;
    width: 100% !important
}

.pxl-login .user-registration .ur-button-container .ur-submit-button:hover,
.pxl-login .user-registration .ur-button-container .ur-submit-button:focus {
    background-color: #03045e !important;
    border-color: #03045e !important;
    color: #fff !important
}

.pxl-login .user-registration .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input {
    min-height: 55px !important;
    -webkit-border-radius: 100px !important;
    -khtml-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    border-radius: 100px !important;
    padding: 0 20px !important;
    border: 1px solid #a6dae5;
    color: #686877 !important;
    font-size: 16px !important;
    line-height: 1
}

.pxl-login .user-registration .ur-form-row .ur-form-grid .ur-field-item .input-wrapper input:focus {
    color: var(--link-color) !important;
    border-color: var(--primary-color) !important
}

.pxl-login .user-registration .ur-form-row .ur-form-grid label,
.pxl-login .user-registration .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword {
    font-size: 16px !important
}

.pxl-login .user-registration .ur-form-row .ur-form-grid>div .user-registration-Button {
    line-height: 58px !important;
    padding: 0 30px !important;
    font-weight: 500;
    font-size: 16px;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-radius: 100px
}

.pxl-login .user-registration .ur-form-row .ur-form-grid>div .user-registration-Button:hover,
.pxl-login .user-registration .ur-form-row .ur-form-grid>div .user-registration-Button:focus {
    background-color: #03045e !important;
    border-color: #03045e !important;
    color: #fff !important
}

.pxl-login .user-registration .ur-form-row .ur-form-grid .user-registration-register a {
    line-height: 58px !important;
    padding: 0 30px !important;
    font-weight: 500;
    font-size: 16px;
    background-color: #03045e !important;
    border-color: #03045e !important;
    border-radius: 100px;
    width: 100%;
    text-align: center;
    color: #fff !important
}

.pxl-login .user-registration .ur-form-row .ur-form-grid .user-registration-register a:hover,
.pxl-login .user-registration .ur-form-row .ur-form-grid .user-registration-register a:focus {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important
}

.pxl-login .user-registration .ur-frontend-form {
    padding: 0;
    box-shadow: none !important
}

.pxl-login .user-registration .ur-frontend-form .ur-form-grid {
    padding: 0
}

.pxl-login .user-registration .ur-frontend-form .ur-form-grid label {
    display: none
}

.pxl-login .user-registration .ur-frontend-form .ur-form-grid .user-registration-before-login-btn {
    margin-top: 5px;
    margin-bottom: 22px
}

.pxl-login .user-registration .ur-frontend-form .ur-form-grid .user-registration-before-login-btn label {
    margin: 0
}

.pxl-login .user-registration .ur-frontend-form .user-registration-form-login .ur-form-grid .user-registration-form-row input.input-text {
    min-height: 55px !important;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 0 20px;
    border: 1px solid #a6dae5;
    color: #686877;
    font-size: 16px;
    line-height: 1
}

.pxl-login .user-registration .ur-frontend-form .user-registration-form-login .ur-form-grid .user-registration-form-row input.input-text:focus {
    color: var(--link-color);
    border-color: var(--primary-color) !important
}

.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid label,
.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword {
    font-size: 16px !important
}

.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid>div .user-registration-Button {
    line-height: 58px !important;
    padding: 0 30px !important;
    font-weight: 500;
    font-size: 16px;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-radius: 100px
}

.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid>div .user-registration-Button:hover,
.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid>div .user-registration-Button:focus {
    background-color: #03045e !important;
    border-color: #03045e !important;
    color: #fff !important
}

.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid .user-registration-register a {
    line-height: 58px !important;
    padding: 0 30px !important;
    font-weight: 500;
    font-size: 16px;
    background-color: #03045e !important;
    border-color: #03045e !important;
    border-radius: 100px;
    width: 100%;
    text-align: center;
    color: #fff !important
}

.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid .user-registration-register a:hover,
.pxl-login .user-registration .ur-frontend-form .ur-form-row .ur-form-grid .user-registration-register a:focus {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important
}

.pxl-login .user-registration a {
    color: #686877 !important
}

.pxl-login .user-registration a:hover {
    color: var(--primary-color) !important
}

.pxl-login .user-registration p {
    display: flex;
    flex-direction: column
}

.ur-frontend-form.login #user_login {
    min-height: 55px !important;
    -webkit-border-radius: 100px !important;
    -khtml-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    -ms-border-radius: 100px !important;
    -o-border-radius: 100px !important;
    border-radius: 100px !important;
    padding: 0 30px !important;
    border: 1px solid #a6dae5;
    color: #686877 !important;
    font-size: 16px !important;
    line-height: 1
}

.ur-frontend-form.login #user_login:focus {
    color: var(--link-color) !important;
    border-color: var(--primary-color) !important
}

.ur-frontend-form.login .ur-reset-password-btn {
    line-height: 58px !important;
    padding: 0 30px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    border-radius: 100px;
    width: 100% !important
}

.ur-frontend-form.login .ur-reset-password-btn:hover,
.ur-frontend-form.login .ur-reset-password-btn:focus {
    background-color: #03045e !important;
    border-color: #03045e !important;
    color: #fff !important
}

.dialog-lightbox-message .elementor-swiper-button {
    position: absolute;
    display: inline-flex;
    z-index: 1;
    cursor: pointer;
    font-size: 25px;
    color: rgba(238, 238, 238, .9);
    top: 50%;
    transform: translateY(-50%)
}

#pxl-footer-elementor .row>.col-12 {
    padding: 0;
    min-height: 0
}

.pxl-word-spacing {
    word-spacing: 6.7px
}

.pxl-icon-box3 svg path,
.pxl-icon-box3 svg line,
.pxl-icon-box3 svg rect {
    transition: all 1s linear
}

.pxl-icon-box3 svg circle {
    transition: all 3s linear
}

.pxl-icon-box3.animated svg path,
.pxl-icon-box3.animated svg line,
.pxl-icon-box3.animated svg rect,
.pxl-icon-box3.animated svg circle {
    stroke-dashoffset: 0
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pxl-icon-box3.animated svg {
        min-height: 50px
    }
}

@media(prefers-reduced-motion:no-preference) {
    html {
        scroll-behavior: inherit
    }
}

body.rtl .pxl-text-marquee1 {
    direction: ltr
}

.blockUI {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    display: block !important;
    opacity: 1 !important
}

.blockUI:before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent #222 transparent #222;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.blockUI:after {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    z-index: 1
}

.post-type-archive-product .new-product-label {
    position: absolute;
    top: 10px;
    left: 30px !important;
    background: var(--secondary-color) !important;
    color: #fff !important
}

.post-type-archive-product #pxl-main {
    padding: 175px 0 120px
}

@media screen and (min-width:1320px) {
    .post-type-archive-product #pxl-wapper .container {
        max-width: 1320px
    }
}

@media screen and (min-width:1320px) {
    .post-type-archive-product #pxl-wapper .footer-elementor-inner .container {
        max-width: 100%
    }
}

.blockUI.blockOverlay,
.blockUI.blockMsg {
    display: none !important
}

.product-remove {
    position: relative;
    min-width: 50px
}

.product-remove a.remove {
    font-size: 0;
    width: 30px;
    height: 30px;
    background-color: #0b1030;
    border-radius: 100%;
    position: relative
}

.product-remove a.remove:before,
.product-remove a.remove:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 12px;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    transform-origin: 50% 50%;
    opacity: 1;
    -webkit-transition: transform ease .25s;
    -khtml-transition: transform ease .25s;
    -moz-transition: transform ease .25s;
    -ms-transition: transform ease .25s;
    -o-transition: transform ease .25s;
    transition: transform ease .25s
}

.product-remove a.remove:before {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.product-remove a.remove:after {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.product-remove a.remove:hover {
    background-color: var(--primary-color)
}

.product-remove a.remove:hover:before,
.product-remove a.remove:hover:after {
    -webkit-transform: rotate(0);
    -khtml-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

@media screen and (max-width:769px) {
    .product-remove {
        min-height: 57px
    }
}

.woosw-item--add .add_to_cart_button.loading {
    opacity: 1 !important
}

.woosw-item--add .add_to_cart_button.loading:before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent #fff transparent #fff;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woosw-item--add .add_to_cart_button.loading:after {
    display: none
}

.btn.wc-forward,
.btn.btn-shop {
    color: #fff;
    line-height: 51px;
    font-size: 16px
}

.pxl-side-cart {
    width: 100%;
    height: auto;
    min-height: 540px;
    max-width: 370px;
    left: auto;
    top: 0;
    -webkit-transform: translate(100%, 0);
    -khtml-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.pxl-side-cart.open {
    -webkit-transform: translate(0, 0);
    -khtml-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.pxl-side-cart .pxl-panel-header .panel-header-inner {
    justify-content: space-between
}

.pxl-side-cart .pxl-panel-header .pxl-title {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    flex-grow: 1
}

.pxl-side-cart .pxl-panel-header .pxl-title .widget_cart_counter {
    margin-left: 5px
}

.pxl-side-cart .pxl-panel-header .pxl-close {
    background-color: initial;
    right: 0
}

.pxl-side-cart .pxl-panel-header .pxl-close:before,
.pxl-side-cart .pxl-panel-header .pxl-close:after {
    background-color: #fff
}

.pxl-side-cart .pxl-panel-header .pxl-close:hover {
    background-color: initial
}

.pxl-side-cart .pxl-panel-header .pxl-close:hover:before,
.pxl-side-cart .pxl-panel-header .pxl-close:hover:after {
    background-color: #fff
}

.pxl-side-cart .pxl-panel-content {
    padding: 0 24px 35px;
    overflow: hidden;
    position: static
}

@media(max-width:400px) {
    .pxl-side-cart .pxl-panel-content {
        padding: 0 15px 35px
    }
}

.pxl-side-cart .widget_shopping_cart_content ul {
    list-style: none outside;
    padding: 0;
    margin: 0 0 15px
}

.pxl-side-cart .widget_shopping_cart_content ul li {
    padding: 24px 30px 24px 0 !important;
    position: relative;
    display: block;
    clear: both;
    overflow: hidden
}

.pxl-side-cart .widget_shopping_cart_content ul li+li {
    border-top: 1px solid var(--third-color)
}

.pxl-side-cart .widget_shopping_cart_content ul li a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content ul li a:hover {
    color:
}

.pxl-side-cart .widget_shopping_cart_content ul li .remove {
    position: absolute;
    top: 25px !important;
    right: 5px !important;
    line-height: 1;
    padding: 5px;
    color: !important;
    left: auto !important;
    background-color: initial
}

.pxl-side-cart .widget_shopping_cart_content ul li .remove:hover {
    color: !important
}

.pxl-side-cart .widget_shopping_cart_content ul li .quantity {
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content ul li .amount {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.pxl-side-cart .widget_shopping_cart_content ul li .variation-Size,
.pxl-side-cart .widget_shopping_cart_content ul li .variation-Size {
    font-weight: 700;
    padding: 0;
    margin: 0;
    clear: left;
    color: #fff;
    margin-right: 10px
}

.pxl-side-cart .widget_shopping_cart_content ul li .variation {
    display: flex;
    align-items: center;
    color: #fff;
    padding-left: 0
}

.pxl-side-cart .widget_shopping_cart_content ul li .star-rating+.woocommerce-Price-amount,
.pxl-side-cart .widget_shopping_cart_content ul li .star-rating+.reviewer {
    display: block;
    width: 100%;
    padding-left: 92px
}

.pxl-side-cart .widget_shopping_cart_content ul li img {
    float: left;
    margin-right: 20px;
    width: 72px;
    height: auto
}

.pxl-side-cart .widget_shopping_cart_content ul li dl {
    margin: 0;
    padding-left: 1em;
    border-left: 2px solid rgba(0, 0, 0, .1)
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dt,
.pxl-side-cart .widget_shopping_cart_content ul li dl dd {
    display: inline-block;
    float: left;
    margin-bottom: 1em
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dt {
    font-weight: 700;
    padding: 0 0 .25em;
    margin: 0 4px 0 0;
    clear: left
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dd {
    padding: 0 0 .25em
}

.pxl-side-cart .widget_shopping_cart_content ul li dl dd p:last-child {
    margin-bottom: 0
}

.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 0;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total strong {
    font-weight: 400
}

.pxl-side-cart .widget_shopping_cart_content .woocommerce-mini-cart__total .amount {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #fff
}

.pxl-side-cart .widget_shopping_cart_content .buttons .button {
    display: inline-block
}

.pxl-side-cart .widget_shopping_cart_content .blockUI {
    background-color: rgba(35, 35, 35, .9)
}

.pxl-side-cart .widget_shopping_cart_content .blockUI:before {
    border-color: transparent #fff transparent #fff
}

.pxl-side-cart .pxl-hidden-template-wrap {
    height: 100vh;
    position: relative;
    padding-bottom: 220px
}

.pxl-side-cart p.woocommerce-mini-cart__buttons {
    width: 100%;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between
}

.pxl-side-cart p.woocommerce-mini-cart__buttons:before,
.pxl-side-cart p.woocommerce-mini-cart__buttons:after {
    display: none !important
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a {
    font-size: 15px;
    text-transform: uppercase;
    background: var(--secondary-color);
    border: 2px solid transparent;
    margin: 0;
    padding: 0 50px;
    overflow: hidden;
    -webkit-transition: all 500ms ease-in-out;
    -khtml-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:after {
    content: "";
    position: absolute;
    width: 150%;
    height: 0%;
    left: 50%;
    top: 50%;
    z-index: -1;
    opacity: 0;
    background-size: 10px 10px;
    background-image: -webkit-linear-gradient(transparent 50%, rgba(101, 179, 122, .2) 50%);
    background-image: -moz-linear-gradient(transparent 50%, rgba(101, 179, 122, .2) 50%);
    background-image: -ms-linear-gradient(transparent 50%, rgba(101, 179, 122, .2) 50%);
    background-image: -o-linear-gradient(transparent 50%, rgba(101, 179, 122, .2) 50%);
    background-image: linear-gradient(transparent 50%, rgba(101, 179, 122, .2) 50%);
    -webkit-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -khtml-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -moz-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -ms-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -o-transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    transform: translateX(-50%)translateY(-50%)rotate(-25deg);
    -webkit-transition: all .75s ease 0s;
    -khtml-transition: all .75s ease 0s;
    -moz-transition: all .75s ease 0s;
    -ms-transition: all .75s ease 0s;
    -o-transition: all .75s ease 0s;
    transition: all .75s ease 0s
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover,
.pxl-side-cart p.woocommerce-mini-cart__buttons a:active,
.pxl-side-cart p.woocommerce-mini-cart__buttons a:focus {
    color: ;
    background-color: initial;
    border-color: var(--secondary-color)
}

.pxl-side-cart p.woocommerce-mini-cart__buttons a:hover:after,
.pxl-side-cart p.woocommerce-mini-cart__buttons a:active:after,
.pxl-side-cart p.woocommerce-mini-cart__buttons a:focus:after {
    height: 600%;
    opacity: 1
}

.pxl-side-cart .blockOverlay {
    background-color: rgba(255, 255, 255, .2) !important
}

.pxl-side-cart .woocommerce-mini-cart__empty-message {
    position: relative;
    color: #fff;
    text-align: center;
    margin-top: 30px;
    padding-top: 220px
}

.pxl-side-cart .woocommerce-mini-cart__empty-message:before {
    content: '\f151';
    font-family: caseicon;
    position: absolute;
    left: 50%;
    bottom: 60px;
    font-size: 50px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border: 2px solid #444;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

#pxl-cart-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    visibility: hidden
}

#pxl-cart-sidebar .pxl-popup--overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31, 32, 34, .8);
    cursor: pointer
}

#pxl-cart-sidebar .pxl-item--close {
    top: 50%;
    left: auto;
    right: 35px;
    -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%);
    position: absolute
}

#pxl-cart-sidebar .pxl-item--close:before,
#pxl-cart-sidebar .pxl-item--close:after {
    background-color: #666
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar {
    padding-bottom: 137px;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    width: 350px;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    flex-grow: 1
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_head {
    display: flex;
    background-color: #f9f9f9;
    padding: 16px 30px;
    margin-top: -30px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 20px;
    align-items: center;
    position: relative
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_head .ct-close {
    height: 36px;
    width: 36px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart {
    padding: 30px 30px 0;
    height: 100%;
    overflow-y: scroll;
    width: 350px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li {
    padding: 20px 15px 15px 0;
    display: flex;
    flex-wrap: nowrap;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    position: relative
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:last-child {
    border: none;
    padding-bottom: 0
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty {
    font-size: 16px;
    margin-top: 40px;
    padding: 0 !important;
    text-align: center;
    display: block
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty span {
    text-align: center;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
    color: var(--primary-color)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty i {
    font-size: 100px;
    color: rgba(0, 0, 0, .2)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn {
    line-height: 50px;
    width: 100%;
    padding: 0 30px;
    font-weight: 600;
    text-transform: initial;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background: var(--primary-color)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li.empty .btn:hover {
    color: #fff;
    background: var(--link-color)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image {
    width: 45px;
    min-width: 45px;
    margin-right: 35px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image a {
    display: inline-block
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-image img {
    margin: 0;
    width: inherit;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta {
    padding-right: 12px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 3px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a {
    color: inherit;
    font-weight: 600
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta h3 a:hover {
    color: #555
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity {
    font-size: 14px;
    border: none
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity .quantity-icon {
    display: none
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list .cart-product-meta .quantity .woocommerce-Price-amount {
    margin: 0 4px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button {
    opacity: 0;
    position: absolute;
    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%);
    right: 0;
    width: 30px;
    height: 30px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button:before,
#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list a.remove_from_cart_button:after {
    background-color: #000;
    height: 1px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_content ul.cart_list li:hover a.remove_from_cart_button {
    opacity: 1
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background-color: #fff
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total {
    border: none;
    border-top: 1px dashed rgba(0, 0, 0, .1);
    padding-top: 15px;
    padding-bottom: 0;
    color: #000;
    font-weight: 700
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.total strong {
    font-weight: inherit
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons {
    margin: 0 0 30px;
    display: flex;
    flex-wrap: wrap
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 0 30px
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.checkout {
    background: var(--primary-color);
    color: #fff
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.checkout:hover,
#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.checkout:focus {
    background: var(--link-color)
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-shop {
    background: var(--primary-color);
    color: #fff
}

#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-shop:hover,
#pxl-cart-sidebar .pxl-widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer p.buttons .btn.btn-shop:focus {
    background: var(--link-color)
}

#pxl-cart-sidebar.active {
    visibility: visible
}

#pxl-cart-sidebar.active .pxl-widget-cart-sidebar {
    -webkit-transform: translateY(0%);
    -khtml-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.admin-bar #pxl-cart-sidebar .pxl-widget-cart-sidebar {
    top: 32px
}

@media screen and (min-width:992px) {
    .admin-bar .widget-cart-sidebar {
        top: 32px;
        padding-bottom: 167px
    }

    .admin-bar .widget-cart-sidebar .widget_shopping_cart .widget_shopping_cart_footer {
        bottom: 32px
    }
}

.pxl-entry-content>.woocommerce .cart-empty,
.pxl-entry-content>.woocommerce .return-to-shop {
    text-align: center
}

.woocommerce {
    color: rgba(45, 45, 45, .8)
}

.woocommerce .woocommerce-product-gallery__trigger {
    display: none
}

.woocommerce .woosc-area .woosc-inner .woosc-table .woosc-table-inner .woosc-table-items table tbody tr td {
    padding: 15px
}

.woocommerce .flex-control-thumbs {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 530px;
    width: 158px;
    display: flex;
    flex-direction: column
}

@media(max-width:1280px) {
    .woocommerce .flex-control-thumbs {
        position: relative;
        top: unset;
        left: unset;
        flex-direction: row;
        width: 100%;
        height: auto;
        gap: 10px
    }
}

.woocommerce .flex-control-thumbs li {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 145px !important;
    height: 163px !important;
    padding: 20px;
    background-color: #f2fbfd
}

@media(max-width:1280px) {
    .woocommerce .flex-control-thumbs li {
        width: 100% !important;
        height: 100% !important
    }
}

.woocommerce .flex-control-thumbs li img {
    width: 122px !important;
    height: 163px !important;
    border: 1px solid transparent !important;
    object-fit: cover
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background-color: rgba(11, 16, 48, 5%);
    border-radius: 0;
    border-left: 7px solid var(--primary-color)
}

@media screen and (max-width:767px) {

    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-info,
    .woocommerce .woocommerce-message {
        padding-right: 30px;
        padding-bottom: 80px;
        text-align: center
    }
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    display: none
}

.woocommerce .woocommerce-error a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button {
    position: absolute !important;
    top: 50%;
    right: 30px;
    -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%);
    line-height: 46px;
    padding: 0 30px;
    font-size: 15px !important
}

@media screen and (max-width:767px) {

    .woocommerce .woocommerce-error a.button,
    .woocommerce .woocommerce-info a.button,
    .woocommerce .woocommerce-message a.button {
        top: auto;
        bottom: 20px;
        left: 50%;
        right: auto;
        -webkit-transform: translate(-50%, 0%);
        -khtml-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }
}

.woocommerce .product-categories .cat-item {
    margin-bottom: 4px;
    padding: 5px 0;
    border: none
}

.woocommerce .product-categories .cat-item a {
    font-size: 15px;
    text-transform: uppercase;
    color: var(--link-color);
    font-weight: 400;
    line-height: 1.625;
    padding: 0;
    border: none;
    letter-spacing: 0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.woocommerce .product-categories .cat-item a:after {
    content: '\f14d';
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-family: Caseicon;
    position: absolute;
    font-size: 11px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.woocommerce .product-categories .cat-item a:hover {
    color: var(--primary-color)
}

.woocommerce ins {
    background-color: initial;
    color: var(--primary-color)
}

.woocommerce #pxl-sidebar-area .widget {
    padding: 30px
}

.woocommerce #pxl-sidebar-area .widget.widget_search {
    padding: 0;
    box-shadow: 0 0;
    border: 1px solid #e8f5d3
}

.woocommerce #pxl-sidebar-area .widget.widget_search .search-field {
    background: #fff;
    border: 0
}

.woocommerce #pxl-sidebar-area .widget.widget_search .search-submit {
    border-radius: 0
}

.woocommerce #pxl-sidebar-area .widget.widget_search .search-submit:hover {
    background: #f2d701
}

.woocommerce #pxl-sidebar-area .widget.widget_search .search-submit:hover svg {
    color: var(--primary-color)
}

@media screen and (max-width:1200px) {
    .woocommerce #pxl-sidebar-area .widget {
        padding-left: 22px;
        padding-right: 22px
    }

    .woocommerce #pxl-sidebar-area .widget .widget-title {
        font-size: 18px
    }

    .woocommerce #pxl-sidebar-area .widget .widget-title::before {
        content: '';
        position: absolute;
        width: 35px;
        height: 3.5px;
        background-color: var(--secondary-color);
        bottom: -1px;
        left: 0;
        border-radius: 5px
    }
}

.woocommerce #pxl-sidebar-area .widget_product_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 5px
}

.woocommerce #pxl-sidebar-area .widget_product_tag_cloud .tagcloud a {
    font-size: 12px !important;
    font-style: normal;
    padding: 7px 16px;
    color: var(--link-color);
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: rgba(11, 16, 48, 3%);
    text-transform: uppercase;
    letter-spacing: .7px;
    overflow: hidden;
    position: relative
}

.woocommerce #pxl-sidebar-area .widget_product_tag_cloud .tagcloud a:before {
    content: '';
    position: absolute;
    left: -150%;
    bottom: -150%;
    background-color: rgba(11, 16, 48, .6);
    width: 150%;
    height: 150%;
    transform: rotate(45deg);
    border-radius: 0;
    transition: all .8s ease-in-out
}

.woocommerce #pxl-sidebar-area .widget_product_tag_cloud .tagcloud a:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.woocommerce #pxl-sidebar-area .widget_product_tag_cloud .tagcloud a:hover:before {
    left: 150%;
    bottom: 150%
}

.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider-horizontal {
    height: 2px;
    background-color: #e6e6e6;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--primary-color)
}

.woocommerce #pxl-sidebar-area .widget_price_filter .ui-slider .ui-slider-handle {
    height: 12px;
    width: 12px;
    background-color: var(--primary-color);
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    top: -5px
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-top: 19px
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .clear {
    display: none
}

@media screen and (max-width:1200px) {
    .woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount {
        display: block;
        text-align: center
    }
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button {
    line-height: 32px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 15px;
    padding: 0 18px;
    background-color: var(--primary-color);
    color: #fff;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px
}

@media screen and (max-width:1200px) {
    .woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button {
        margin: 0;
        float: none
    }
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_slider_amount .button:hover {
    background: var(--link-color);
    color: #fff
}

.woocommerce #pxl-sidebar-area .widget_price_filter .price_label {
    font-size: 14px;
    letter-spacing: 0;
    display: flex
}

@media screen and (max-width:1200px) {
    .woocommerce #pxl-sidebar-area .widget_price_filter .price_label {
        width: 100%
    }
}

.woocommerce #pxl-sidebar-area .widget_product_search .woocommerce-product-search {
    position: relative
}

.woocommerce #pxl-sidebar-area .widget_product_search button {
    height: 58px;
    width: 80px;
    font-weight: 700;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    top: 50%;
    right: 0;
    -webkit-border-radius: 0 100px 100px 0;
    -khtml-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    -ms-border-radius: 0 100px 100px 0;
    -o-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
    padding: 0;
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    box-shadow: none;
    box-shadow: 0 10px 20px rgba(0, 180, 216, .3)
}

.woocommerce #pxl-sidebar-area .widget_product_search button:after {
    display: none
}

@media(max-width:1200px) {
    .woocommerce #pxl-sidebar-area .widget_product_search button {
        width: 60px
    }
}

.woocommerce #pxl-sidebar-area .widget_product_search button:before {
    content: '\f12c';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Caseicon;
    font-size: 16px
}

.woocommerce #pxl-sidebar-area .widget_product_search .search-field {
    background-color: #f8f8f8;
    padding: 5px 30px;
    height: 58px;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    color: #686877;
    border: 1px solid #a6dae5;
    padding-right: 75px !important;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize
}

.woocommerce #pxl-sidebar-area .widget_product_search .search-field:focus {
    border-color: var(--primary-color);
    color: var(--link-color)
}

.woocommerce #pxl-sidebar-area .widget_product_search .search-field:focus+.search-submit {
    border-color: var(--primary-color);
    color: var(--link-color)
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li {
    font-family: dm sans;
    font-size: 17px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -.34px;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
    border-bottom: 1.2px dotted #e8f5d3
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li::before {
    position: absolute;
    left: 0
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li::after {
    position: absolute;
    right: 0
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li:hover a::before {
    background-color: var(--secondary-color)
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li:hover span {
    color: var(--secondary-color)
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li a {
    position: relative
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li a::before {
    content: '';
    size: 14px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2.5px;
    border: 1px solid rgba(121, 131, 147, .2);
    background-color: initial;
    transition: inherit;
    width: 14px;
    height: 14px
}

.woocommerce #pxl-sidebar-area .woocommerce-widget-layered-nav .woocommerce-widget-layered-nav-list li.chosen a::before {
    background-color: var(--secondary-color)
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand {
    margin-bottom: 0
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand .wc-layered-nav-term {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    letter-spacing: 0;
    display: flex;
    color: var(--link-color);
    padding-left: 20px;
    padding-bottom: 12px;
    gap: 5px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand .wc-layered-nav-term:last-child {
    padding-bottom: 0
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand .wc-layered-nav-term:hover a::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand .wc-layered-nav-term span {
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand .wc-layered-nav-term a {
    position: relative;
    color: var(--link-color);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.woocommerce #pxl-sidebar-area .widget_brand_nav .wc-brand-list-layered-nav-product_brand .wc-layered-nav-term a::before {
    content: '';
    size: 14px;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2.5px;
    border: 1px solid rgba(11, 16, 48, .3);
    background-color: initial;
    transition: inherit;
    width: 14px;
    height: 14px
}

.woocommerce #pxl-sidebar-area .widget_products ul li {
    position: relative;
    padding: 0 0 0 85px;
    margin-bottom: 15px;
    min-height: 110px;
    padding-left: 115px;
    align-content: center
}

.woocommerce #pxl-sidebar-area .widget_products ul li:last-child {
    margin-bottom: 0
}

.woocommerce #pxl-sidebar-area .widget_products ul li .product-title {
    margin-bottom: 0
}

.woocommerce #pxl-sidebar-area .widget_products ul li img {
    margin: 0;
    width: 100%;
    max-width: 100px;
    max-height: 110px;
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 5px;
    background-color: rgba(11, 16, 48, 3%);
    transform: translateY(-50%)
}

.woocommerce #pxl-sidebar-area .widget_products ul li a {
    word-break: break-word;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
    color: var(--link-color);
    font-weight: 600
}

.woocommerce #pxl-sidebar-area .widget_products ul li a:hover {
    color: var(--primary-color)
}

.woocommerce #pxl-sidebar-area .widget_products ul li .star-rating {
    margin-bottom: 2px
}

.woocommerce #pxl-sidebar-area .widget_products ul li .star-rating:before {
    font-size: 12px
}

.woocommerce #pxl-sidebar-area .widget_products ul li .star-rating span::before {
    font-size: 12px
}

.woocommerce #pxl-sidebar-area .widget_products .product_list_widget .wg-product-inner {
    display: flex;
    gap: 14px;
    align-items: center
}

.woocommerce #pxl-sidebar-area .widget_products .product_list_widget .wg-product-inner .wg-product-image a {
    line-height: 97px;
    width: 97px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1.148px solid #e8f5d3
}

.woocommerce #pxl-sidebar-area .widget_products .product_list_widget .wg-product-inner .wg-product-image a img {
    position: unset;
    max-width: 60px;
    max-height: 100%;
    border: 1px solid transparent;
    transform: translateY(0)
}

.woocommerce #pxl-sidebar-area .widget_products .product_list_widget .product-title a {
    font-size: 18px;
    color: #010101;
    font-weight: 400;
    line-height: 1.4375;
    margin-top: 8px;
    letter-spacing: -.36px;
    margin-bottom: 4px
}

.woocommerce #pxl-sidebar-area .widget_products .product_list_widget .product-title:hover a {
    color: var(--secondary-color)
}

.pxl-buy-now img {
    max-width: 65px !important
}

.woocommerce form .form-row,
.woocommerce-page form .form-row {
    padding: 0 0 15px
}

.woocommerce form .form-row:last-child,
.woocommerce-page form .form-row:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.woocommerce textarea,
.woocommerce-page textarea {
    padding-top: 18px;
    padding-bottom: 24px;
    min-height: 140px
}

.woocommerce .nice-select,
.woocommerce-page .nice-select {
    border: 1px solid rgba(0, 0, 0, .15);
    text-align: left;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    height: 54px
}

.woocommerce .nice-select span.current,
.woocommerce-page .nice-select span.current {
    line-height: 37px
}

.woocommerce .nice-select:before,
.woocommerce-page .nice-select:before {
    color: #5a5a5a;
    font-size: 11px;
    right: 15px
}

.woocommerce .nice-select:after,
.woocommerce-page .nice-select:after {
    color: inherit
}

.woocommerce .nice-select ul.list,
.woocommerce-page .nice-select ul.list {
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px
}

.woocommerce .button.add_to_cart_button,
.woocommerce-page .button.add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce-page button.single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce a.added_to_cart.wc-forward,
.woocommerce-page a.added_to_cart.wc-forward {
    display: none
}

.woocommerce .button.add_to_cart_button:hover,
.woocommerce-page .button.add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce-page button.single_add_to_cart_button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce a.added_to_cart.wc-forward:hover,
.woocommerce-page a.added_to_cart.wc-forward:hover,
.woocommerce .button.add_to_cart_button:focus,
.woocommerce-page .button.add_to_cart_button:focus,
.woocommerce button.single_add_to_cart_button:focus,
.woocommerce-page button.single_add_to_cart_button:focus,
.woocommerce #respond input#submit:focus,
.woocommerce-page #respond input#submit:focus,
.woocommerce a.added_to_cart.wc-forward:focus,
.woocommerce-page a.added_to_cart.wc-forward:focus,
.woocommerce .button.add_to_cart_button:active,
.woocommerce-page .button.add_to_cart_button:active,
.woocommerce button.single_add_to_cart_button:active,
.woocommerce-page button.single_add_to_cart_button:active,
.woocommerce #respond input#submit:active,
.woocommerce-page #respond input#submit:active,
.woocommerce a.added_to_cart.wc-forward:active,
.woocommerce-page a.added_to_cart.wc-forward:active {
    color: #fff
}

.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),
.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart) {
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px !important;
    line-height: 53px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: var(--primary-color);
    border: none;
    height: auto;
    text-align: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media(max-width:767px) {

    .woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart),
    .woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart) {
        padding: 0 30px !important;
        font-size: 15px
    }
}

.woocommerce .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):hover,
.woocommerce-page .button:not(.add_to_cart_button):not(.single_add_to_cart_button):not(.added_to_cart):hover {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.woocommerce .comment-form,
.woocommerce-page .comment-form {
    max-width: 100%
}

.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce .woocommerce-page ul.products.columns-2 li.product,
.woocommerce-page .woocommerce-page ul.products.columns-2 li.product {
    width: 50%
}

.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    text-align: center;
    color: var(--link-color);
    border: none;
    border-color: transparent;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    border-left: 7px solid var(--primary-color);
    padding: 30px 15px;
    margin-bottom: 55px;
    align-items: center
}

@media screen and (max-width:767px) {

    .woocommerce .woocommerce-message,
    .woocommerce-page .woocommerce-message,
    .woocommerce .woocommerce-info,
    .woocommerce-page .woocommerce-info {
        font-size: 16px;
        padding: 15px;
        justify-content: center
    }
}

.woocommerce .woocommerce-message:before,
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce-page .woocommerce-info:before {
    color: var(--primary-color)
}

.woocommerce .woocommerce-message a,
.woocommerce-page .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce-page .woocommerce-info a {
    margin-left: 30px;
    border-radius: 100px;
    padding: 14px 20px;
    background: #fff;
    color: #686877 !important;
    font-size: 15px;
    text-decoration: none;
    text-decoration: none !important;
    border: 1px solid #a6dae5
}

@media screen and (max-width:575px) {

    .woocommerce .woocommerce-message a,
    .woocommerce-page .woocommerce-message a,
    .woocommerce .woocommerce-info a,
    .woocommerce-page .woocommerce-info a {
        margin-left: 0;
        margin-top: 15px;
        font-size: 15px
    }
}

.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
    justify-content: center
}

.woocommerce .woocommerce-info a,
.woocommerce-page .woocommerce-info a {
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0
}

.woocommerce #pxl-wapper .quantity,
.woocommerce-page #pxl-wapper .quantity {
    position: relative;
    display: inline-flex;
    -webkit-border-radius: 50px;
    -khtml-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px
}

.woocommerce #pxl-wapper .quantity .qty,
.woocommerce-page #pxl-wapper .quantity .qty {
    padding: 0 30px;
    border: 1px solid #e8f5d3;
    color: #000;
    -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: initial;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    width: 146px;
    text-align: left;
    -moz-appearance: textfield;
    text-align: center
}

.woocommerce #pxl-wapper .quantity .qty::-webkit-outer-spin-button,
.woocommerce-page #pxl-wapper .quantity .qty::-webkit-outer-spin-button,
.woocommerce #pxl-wapper .quantity .qty::-webkit-inner-spin-button,
.woocommerce-page #pxl-wapper .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.woocommerce #pxl-wapper .quantity-icon,
.woocommerce-page #pxl-wapper .quantity-icon {
    position: absolute;
    font-size: 25px;
    color: #686877;
    cursor: pointer;
    width: 10px;
    height: 10px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    transform: translateY(-50%);
    top: 50%
}

.woocommerce #pxl-wapper .quantity-icon.quantity-down,
.woocommerce-page #pxl-wapper .quantity-icon.quantity-down {
    left: 20px
}

.woocommerce #pxl-wapper .quantity-icon.quantity-down:before,
.woocommerce-page #pxl-wapper .quantity-icon.quantity-down:before {
    content: "-"
}

.woocommerce #pxl-wapper .quantity-icon.quantity-up,
.woocommerce-page #pxl-wapper .quantity-icon.quantity-up {
    right: 20px
}

.woocommerce #pxl-wapper .quantity-icon.quantity-up:before,
.woocommerce-page #pxl-wapper .quantity-icon.quantity-up:before {
    content: "+"
}

.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce table.shop_table td,
.woocommerce-page table.shop_table td {
    padding: 20px 15px
}

.woocommerce table.shop_table th,
.woocommerce-page table.shop_table th,
.woocommerce table.shop_table tbody th,
.woocommerce-page table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot th {
    font-weight: 500
}

.woocommerce-page #add_payment_method table.cart img,
.woocommerce-page.woocommerce-cart table.cart img,
.woocommerce-page.woocommerce-checkout table.cart img {
    width: 50px
}

@media screen and (min-width:992px) {
    .woocommerce .content-row {
        margin: 0 -15px
    }

    .woocommerce #pxl-content-area.content-has-sidebar {
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        -o-flex: 0 0 75%;
        max-width: 75%
    }

    .woocommerce #secondary.widget-has-sidebar {
        padding-left: 15px;
        padding-right: 15px;
        flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        -o-flex: 0 0 25%;
        max-width: 25%
    }
}

.wc-block-checkout .wc-block-components-button {
    line-height: unset !important
}

.wc-block-checkout .wc-block-components-panel__button {
    line-height: unset !important;
    background: unset !important;
    box-shadow: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit
}

.wc-block-checkout .wc-block-components-order-summary .wc-block-components-panel__content {
    margin-top: 15px
}

.wc-block-checkout .components-button {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.wc-block-components-notice-banner {
    align-items: center !important
}

.wc-block-components-notice-banner .wc-block-components-notice-banner__content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.widget_products .amount {
    font-size: 16px;
    color: var(--link-color)
}

.widget_products del {
    color: #8f8f8f
}

.widget_products del .amount {
    color: #8f8f8f
}

.widget_products .star-rating-wrap {
    display: none !important
}

.widget_rating_filter .wc-layered-nav-rating a {
    font-size: 0;
    display: block;
    padding-left: 28px !important;
    position: relative
}

.widget_rating_filter .wc-layered-nav-rating a:before {
    content: "";
    height: 18px;
    width: 18px;
    border: 1px solid #e6e6e6;
    -webkit-border-radius: 18px;
    -khtml-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    -webkit-transition: all .2s cubic-bezier(.39, .575, .565, 1)0s;
    -khtml-transition: all .2s cubic-bezier(.39, .575, .565, 1)0s;
    -moz-transition: all .2s cubic-bezier(.39, .575, .565, 1)0s;
    -ms-transition: all .2s cubic-bezier(.39, .575, .565, 1)0s;
    -o-transition: all .2s cubic-bezier(.39, .575, .565, 1)0s;
    transition: all .2s cubic-bezier(.39, .575, .565, 1)0s
}

.widget_rating_filter .wc-layered-nav-rating a .star-rating {
    font-size: 18px
}

.widget_rating_filter .wc-layered-nav-rating a:hover:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.widget_rating_filter .wc-layered-nav-rating.chosen a:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

#shop-topbar {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f7f7f7
}

#shop-topbar .shop-topbar-item {
    margin: 11px 0;
    position: relative;
    padding-left: 76px;
    color: #000;
    font-size: 16px;
    min-height: 56px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

#shop-topbar .shop-topbar-item i {
    height: 56px;
    width: 56px;
    -webkit-border-radius: 56px;
    -khtml-border-radius: 56px;
    -moz-border-radius: 56px;
    -ms-border-radius: 56px;
    -o-border-radius: 56px;
    border-radius: 56px;
    border: 1px solid #e5e5e5;
    line-height: 54px;
    text-align: center;
    font-size: 24px;
    position: absolute;
    top: 0;
    left: 0
}

#shop-topbar .shop-topbar-item span {
    font-weight: 500
}

#shop-breadcrumb {
    padding: 23px 0
}

#shop-breadcrumb ul {
    list-style: none;
    margin: 0
}

#shop-breadcrumb ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
    margin: 10px 0;
    padding: 0 12px;
    position: relative
}

#shop-breadcrumb ul li::after {
    content: '/';
    color: #e9e9e9;
    position: absolute;
    top: 0;
    right: -4px
}

#shop-breadcrumb ul li:first-child {
    padding-left: 0
}

#shop-breadcrumb ul li:last-child:after {
    display: none
}

#shop-breadcrumb ul li a {
    color:
}

#shop-breadcrumb ul li a:hover {
    color: var(--primary-color)
}

.woocommerce .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-notice {
    background-color: var(--primary-color)
}

.woocommerce .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.woocommerce .pxl-sidebar-area .pxl-sidebar-sticky {
    padding-left: 0
}

.woocommerce .pxl-sidebar-area .pxl-sidebar-sticky .widget {
    box-shadow: 0 11.481px 22.963px rgba(137, 151, 186, .1)
}

.woocommerce .pxl-sidebar-area .pxl-sidebar-sticky .widget .widget-title:before {
    background-color: var(--primary-color)
}

.woocommerce .woocommerce-add-to--cart {
    display: flex;
    justify-content: center
}

.woocommerce .woocommerce-add-to--cart a {
    border-radius: 100px;
    background: var(--primary-color);
    color: #fff;
    opacity: 0;
    transform: translateY(-30px);
    transition: all .3s ease;
    font-weight: 500;
    line-height: 58px;
    padding: 0 50px
}

.woocommerce .woocommerce-add-to--cart a:hover {
    background-color: #03045e
}

.woocommerce .woocommerce-add-to--cart a.loading:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    z-index: 2
}

.woocommerce .wooc-product-meta {
    display: flex;
    gap: 15px;
    width: 50%;
    justify-content: end
}

@media(max-width:767px) {
    .woocommerce .wooc-product-meta {
        width: 100%;
        justify-content: start;
        margin-top: 20px
    }
}

.woocommerce .wooc-product-meta button {
    width: 44px;
    height: 44px;
    background: rgba(1, 16, 48, .1);
    color: #0b1030;
    padding: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce .wooc-product-meta button:hover {
    color: var(--primary-color);
    background: rgba(0, 180, 216, .1)
}

.woocommerce .wooc-product-quantity {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-right: 0;
    width: 50%
}

@media(max-width:767px) {
    .woocommerce .wooc-product-quantity {
        width: 100%
    }
}

.woocommerce .wooc-product-quantity .quantity-label {
    color: var(--link-color);
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px
}

.woocommerce .pxl-product-list ul {
    margin-bottom: 0;
    max-width: 64%
}

@media(max-width:991px) {
    .woocommerce .pxl-product-list ul {
        max-width: 80%
    }
}

@media(max-width:676px) {
    .woocommerce .pxl-product-list ul {
        max-width: 100%
    }
}

.woocommerce .pxl-product-list ul li {
    color: #494949;
    font-size: 17px;
    list-style: none;
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px
}

.woocommerce .pxl-product-list ul li:last-child {
    margin-bottom: 0
}

.woocommerce .pxl-product-list ul li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #261723
}

.woocommerce .star-rating-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.woocommerce .star-rating-wrap .star-rating {
    margin: 0
}

.woocommerce .star-rating-wrap .count-rating {
    font-size: 16px;
    margin-left: 8px;
    color: #223543;
    font-weight: 600
}

.woocommerce .star-rating {
    font-size: 16px;
    height: 20px;
    width: 90px;
    float: unset
}

.woocommerce .star-rating:before {
    content: "SSSSS";
    color: #686877
}

.woocommerce .star-rating span::before {
    color: var(--primary-color)
}

.woocommerce .star-rating span {
    padding-top: 17px
}

.woocommerce .star-rating .woocommerce-review-link {
    font-size: 16px
}

.woocommerce span.onsale {
    height: 35px;
    width: 35px;
    min-width: inherit;
    min-height: inherit;
    font-size: 14px;
    color: var(--secondary-color);
    padding: 0;
    text-align: center;
    line-height: 35px;
    background-color: var(--primary-color);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin: 0 !important;
    top: 14px !important;
    left: 29px !important;
    right: auto !important;
    font-weight: 400;
    z-index: 1;
    font-weight: 500;
    display: none
}

.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px
}

.woocommerce ul.products li.product {
    margin-bottom: 30px;
    margin-right: 0;
    margin-left: 0;
    padding: 0 15px
}

.woocommerce ul.products li.product.last {
    margin-right: 0
}

.woocommerce ul.products li.product>.woosw-btn,
.woocommerce ul.products li.product>.woosq-btn,
.woocommerce ul.products li.product>.woosc-btn {
    display: none !important
}

@media screen and (min-width:992px) {
    .woocommerce ul.products.columns-5 li.product {
        width: 20%
    }
}

@media screen and (min-width:992px) {
    .woocommerce ul.products.columns-4 li.product {
        width: 25%
    }
}

@media screen and (max-width:991px) {
    .woocommerce ul.products.columns-4 li.product {
        width: 33.33%
    }
}

@media screen and (min-width:768px) {
    .woocommerce ul.products.columns-3 li.product {
        width: 33.33%
    }
}

@media(min-width:576px) and (max-width:767px) {
    .woocommerce ul.products li.product {
        width: 50% !important
    }
}

@media screen and (max-width:575px) {
    .woocommerce ul.products li.product {
        width: 100% !important
    }
}

@media screen and (min-width:992px) {
    .woocommerce #pxl-content-area.content-has-sidebar ul.products.columns-4 li.product {
        width: calc(33.33% - 1px);
        width: -webkit-calc(33.33% - 1px);
        width: -ms-calc(33.33% - 1px);
        width: -o-calc(33.33% - 1px)
    }
}

@media screen and (max-width:1200px) {

    .woocommerce ul.products li.product .woocommerce-product-title,
    .woocommerce .woocommerce-product-title {
        font-size: 15px
    }
}

.woocommerce ul.products li.product .woocommerce-product-title a,
.woocommerce .woocommerce-product-title a {
    color: inherit
}

.woocommerce ul.products li.product .woocommerce-product-title a:hover,
.woocommerce .woocommerce-product-title a:hover {
    color: inherit
}

.woocommerce ul.products li.product .price {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    color: var(--primary-color)
}

.woocommerce ul.products li.product .price .amount {
    color: inherit
}

.woocommerce ul.products li.product .price del {
    color: #8f8f8f;
    opacity: 1
}

.woocommerce ul.products li.product .price del .amount {
    background-image: none;
    text-fill-color: #8f8f8f;
    -o-text-fill-color: #8f8f8f;
    -ms-text-fill-color: #8f8f8f;
    -moz-text-fill-color: #8f8f8f;
    -webkit-text-fill-color: #8f8f8f
}

.woocommerce ul.products li.product .price ins {
    color: inherit;
    font-weight: inherit;
    text-decoration: none
}

.woocommerce .woocommerce-topbar {
    background-color: #fff;
    border-radius: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
    z-index: 101
}

.woocommerce .woocommerce-topbar .woocommerce-result-count,
.woocommerce .woocommerce-topbar .woocommerce-topbar-ordering .woocommerce-ordering {
    float: none;
    margin: 0
}

.woocommerce .woocommerce-topbar .woocommerce-result-count {
    margin: 0;
    flex-grow: 1;
    font-size: 16px;
    color: #686877;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .woocommerce .woocommerce-topbar .woocommerce-result-count {
        width: 100%;
        margin-bottom: 5px
    }
}

.woocommerce .woocommerce-topbar .woocommerce-ordering {
    min-width: 175px
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select {
    color: #686877;
    border: 1px solid #a6dae5;
    font-size: 15px;
    font-weight: 400;
    border-radius: 30px;
    padding-top: 0;
    padding: 0 24px
}

@media(max-width:480px) {
    .woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select {
        border-radius: 10px
    }
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select.open {
    border-radius: 20px 20px 0 0
}

.woocommerce .woocommerce-topbar .woocommerce-ordering .nice-select.open ul.list {
    border-radius: 0 0 20px 20px
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout {
    position: relative;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(0, 0, 0, .15);
    color: rgba(0, 0, 0, .7);
    font-size: 22px;
    cursor: pointer;
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout.pxl-shop-list {
    font-size: 24px
}

.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout.active,
.woocommerce .woocommerce-topbar .woocommerce-products-layout .pxl-shop-layout:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.woocommerce .new-product-label {
    top: 15px !important;
    left: 31px !important;
    background-color: #03045e !important;
    color: #fff;
    border-radius: 3px;
    width: 60px;
    font-size: 14px !important;
    z-index: 1;
    text-transform: capitalize;
    letter-spacing: 0;
    text-align: center;
    z-index: 2
}

.woocommerce .woocommerce-product-inner {
    position: relative;
    z-index: 1;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce .woocommerce-product-inner .woocommerce-product-meta {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons {
    margin-top: 50px;
    opacity: 0;
    transition: all .3s ease
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header {
    border: 1px solid #daeee5;
    padding: 15px;
    position: relative;
    border-radius: 15px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details {
    display: block
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-details img {
    width: auto;
    height: 400px;
    object-fit: cover;
    margin: 0 auto
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header:hover .woocommerce-add-to--cart a {
    opacity: 1;
    transform: translateY(0)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-view {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-view .pxl-btn--view {
    padding: 0;
    border: 1px solid var(--primary-color);
    background: 0 0;
    border-radius: 52px;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header .woocommerce-product-view .pxl-btn--view:before {
    content: "\f101";
    font-family: caseicon;
    font-size: 25px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-header img {
    width: auto;
    display: inline-block;
    margin-bottom: 0 !important;
    -webkit-transition: transform .3s cubic-bezier(.44, .17, 1, 1);
    -khtml-transition: transform .3s cubic-bezier(.44, .17, 1, 1);
    -moz-transition: transform .3s cubic-bezier(.44, .17, 1, 1);
    -ms-transition: transform .3s cubic-bezier(.44, .17, 1, 1);
    -o-transition: transform .3s cubic-bezier(.44, .17, 1, 1);
    transition: transform .3s cubic-bezier(.44, .17, 1, 1)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    margin-top: 17px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product-meta {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--title {
    line-height: 0;
    margin: 0;
    margin-bottom: 8px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--title a {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    margin-bottom: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--price .price {
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    color: var(--link-color) !important
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product--price del {
    font-size: 16px;
    color: var(--link-color);
    font-weight: 600
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product-rating {
    margin-bottom: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product-rating .star-rating {
    margin-bottom: 0;
    font-size: 16px;
    width: 85px
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-product-rating .star-rating span:before {
    color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating {
    display: flex;
    align-items: center
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-review-link {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-product-rating {
    margin-bottom: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-product-rating .star-rating {
    margin-bottom: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-product-rating .star-rating span:before {
    color: #ffba0a
}

.woocommerce .woocommerce-product-inner .woocommerce-product-content .woocommerce-sg-product-rating .woocommerce-sg-product-rating-count {
    font-size: 15px;
    color: #494949
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart .woocommerce-product-details {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart {
    display: inline-flex;
    align-items: center;
    text-transform: unset
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button.added,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart.added {
    display: none
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button.loading,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart.loading {
    opacity: 1
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.button.loading:after,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart.loading:after {
    content: '';
    width: 16px;
    height: 16px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent var(--primary-color)transparent var(--primary-color);
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-add-to-cart a.added_to_cart:before {
    display: inline-flex;
    content: "\f151";
    font-family: caseicon;
    margin-right: 10px;
    font-size: 16px;
    font-weight: 400
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare {
    display: inline-flex
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button {
    padding: 0;
    background-color: initial;
    width: 34px;
    height: 34px;
    border: 1px solid var(--dark-color);
    font-size: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    color: var(--dark-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:hover,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:hover {
    border-color: var(--primary-color);
    color: var(--dark-color)
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:before,
.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:before {
    font-family: Flaticon;
    font-size: 14px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button:before {
    content: "\f13f"
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button.woosw-adding:after {
    content: '' !important;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent var(--dark-color)transparent var(--dark-color);
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-wishlist button.woosw-adding:before {
    opacity: 0
}

.woocommerce .woocommerce-product-inner .woocommerce-product--buttons .woocommerce-compare button:before {
    content: "\f117"
}

.woocommerce .woocommerce-product-inner .woocommerce-add-to-cart a {
    margin-top: 10px !important;
    color: #494949 !important;
    font-size: 16px;
    background-color: unset;
    text-transform: uppercase !important;
    font-weight: 600;
    border: 1px solid #494949;
    border-radius: 0;
    width: 100%
}

.woocommerce .woocommerce-product-inner .woocommerce-add-to-cart a:hover {
    color: var(--primary-color) !important;
    border-color: var(--primary-color)
}

.woocommerce .woocommerce-product-inner:hover {
    border-color: #ec4813
}

.woocommerce .woocommerce-product-inner:hover:before {
    opacity: .7
}

.woocommerce .woocommerce-product-inner:hover .woocommerce-product-header img {
    -webkit-transform: scale(1.05);
    -khtml-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.woocommerce nav.woocommerce-pagination {
    display: flex;
    flex-wrap: wrap;
    padding-top: 50px;
    justify-content: center
}

.woocommerce nav.woocommerce-pagination ul.page-numbers {
    border: none;
    margin: 0 -3px
}

.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    border: none;
    overflow: visible
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--link-color);
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 5px;
    border: none;
    font-weight: 500;
    font-size: 16px;
    background-color: initial
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.current {
    color: #fff;
    background-color: var(--primary-color)
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.next,
.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.prev {
    font-size: 0
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.next:after,
.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.prev:after {
    font-size: 13px;
    font-family: Caseicon
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.prev:after {
    content: "\f136"
}

.woocommerce nav.woocommerce-pagination ul.page-numbers .page-numbers.next:after {
    content: "\f14d"
}

.woocommerce .pxl-sidebar-left .pxl-content-area #pxl-content-main {
    padding-left: 0
}

.woocommerce .pxl-sidebar-left .pxl-sidebar-area .pxl-sidebar-sticky {
    padding-right: 30px
}

@media(max-width:991px) {
    .woocommerce .pxl-sidebar-left .pxl-sidebar-area .pxl-sidebar-sticky {
        padding-right: 0
    }
}

.woocommerce .pxl-sidebar-right .pxl-content-area #pxl-content-main {
    padding-right: 0
}

.woocommerce .pxl-sidebar-right .pxl-sidebar-area .pxl-sidebar-sticky {
    padding-left: 30px
}

@media(max-width:991px) {
    .woocommerce .pxl-sidebar-right .pxl-sidebar-area .pxl-sidebar-sticky {
        padding-left: 0
    }
}

.woocommerce #pxl-content-main {
    -webkit-transition: all 220ms linear 0ms;
    -khtml-transition: all 220ms linear 0ms;
    -moz-transition: all 220ms linear 0ms;
    -ms-transition: all 220ms linear 0ms;
    -o-transition: all 220ms linear 0ms;
    transition: all 220ms linear 0ms
}

.woocommerce #pxl-content-main .products .type-product {
    margin-bottom: 50px
}

.woocommerce #pxl-content-main .products .type-product .new-product-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 12px;
    background: var(--secondary-color);
    color: #fff
}

.woocommerce.woocommerce-layout-list ul.products li.product {
    width: 100% !important
}

.woocommerce.woocommerce-layout-list .pxl-content-wrap.no-sidebar #pxl-content-main {
    padding: 0 15%
}

@media screen and (max-width:1200px) {
    .woocommerce.woocommerce-layout-list .pxl-content-wrap.no-sidebar #pxl-content-main {
        padding: 0
    }
}

.single-product .woosc-quick-table {
    display: none
}

.single-product .woocommerce-social-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px
}

.single-product .woocommerce-social-share label {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--link-color)
}

.single-product .woocommerce-social-share a {
    height: 34px;
    width: 34px;
    display: inline-flex;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    background-color: var(--primary-color)
}

.single-product .woocommerce-social-share a i {
    display: inline-flex
}

.single-product .woocommerce-social-share a:hover {
    background-color: #03045e;
    transform: translateY(-3px)
}

.single-product .woocommerce-sg-product-price {
    margin-bottom: 21px
}

.single-product .woocommerce-sg-product-price p {
    margin-bottom: 0
}

.single-product section.related {
    padding-top: 180px
}

.single-product section.related .pxl-related--title {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    color: var(--link-color);
    text-transform: capitalize;
    margin-bottom: 0;
    padding-bottom: 10px;
    position: relative
}

.single-product section.related .pxl-related--title .title-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 33px;
    height: 2px;
    background-color: var(--primary-color)
}

.single-product section.related h2 {
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    color: #261723;
    font-weight: 500;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    padding: 28px 0
}

@media screen and (max-width:991px) {
    .single-product section.related h2 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .single-product section.related h2 {
        font-size: 25px
    }
}

.single-product section.related ul.products {
    margin-bottom: 0
}

.single-product section.related ul.products li.product {
    margin-bottom: 0 !important;
    margin-top: 20px
}

@media screen and (max-width:991px) {
    .single-product section.related ul.products li.product {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .single-product section.related ul.products li.product {
        width: 100%
    }
}

.single-product #pxl-content-area div.product .entry-summary {
    width: 100% !important;
    margin-bottom: 150px
}

@media(max-width:991px) {
    .single-product #pxl-content-area div.product .entry-summary {
        margin-bottom: 70px
    }
}

.single-product #pxl-content-area div.product .woocommerce-product-details__short-description p:last-child,
.single-product>div.product .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .woocommerce-sg-product-feature,
.single-product>div.product .woocommerce-sg-product-feature {
    margin-bottom: 71px;
    list-style: none
}

.single-product #pxl-content-area div.product .woocommerce-sg-product-feature li,
.single-product>div.product .woocommerce-sg-product-feature li {
    display: flex;
    flex-wrap: nowrap
}

.single-product #pxl-content-area div.product .woocommerce-sg-product-feature li i,
.single-product>div.product .woocommerce-sg-product-feature li i {
    margin-right: 8px;
    margin-top: 6px;
    color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-sg-product-feature li p:last-child,
.single-product>div.product .woocommerce-sg-product-feature li p:last-child {
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .woocommerce-sg-product-feature li+li,
.single-product>div.product .woocommerce-sg-product-feature li+li {
    margin-top: 10px
}

.single-product #pxl-content-area div.product form.cart,
.single-product>div.product form.cart {
    margin-bottom: 20px !important
}

.single-product #pxl-content-area div.product form.cart label,
.single-product>div.product form.cart label {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 700;
    color: #191919
}

.single-product #pxl-content-area div.product form.cart .reset_variations,
.single-product>div.product form.cart .reset_variations {
    color: #000;
    font-size: 15px;
    margin-top: 6px
}

.single-product #pxl-content-area div.product form.cart .reset_variations:hover,
.single-product>div.product form.cart .reset_variations:hover {
    color: var(--primary-color)
}

.single-product #pxl-content-area div.product form.cart .single_variation_wrap,
.single-product>div.product form.cart .single_variation_wrap {
    width: 100%
}

.single-product #pxl-content-area div.product form.cart .variations .variable-item:before,
.single-product>div.product form.cart .variations .variable-item:before {
    min-width: auto;
    font-size: 12px;
    border-radius: 0;
    padding: 0 12px;
    line-height: 26px;
    box-shadow: none
}

.single-product #pxl-content-area div.product form.cart .variations th.label,
.single-product>div.product form.cart .variations th.label {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #666
}

.single-product #pxl-content-area div.product form.cart .variations th.label label,
.single-product>div.product form.cart .variations th.label label {
    font-weight: 400;
    color: inherit;
    font-family: inherit
}

.single-product #pxl-content-area div.product form.cart .variations th.label .woo-selected-variation-item-name,
.single-product>div.product form.cart .variations th.label .woo-selected-variation-item-name {
    color: #000
}

.single-product #pxl-content-area div.product form.cart .variations td.label,
.single-product>div.product form.cart .variations td.label {
    padding: 0
}

.single-product #pxl-content-area div.product form.cart .variations td.woo-variation-items-wrapper,
.single-product>div.product form.cart .variations td.woo-variation-items-wrapper {
    padding: 0;
    margin-bottom: 12px
}

.single-product #pxl-content-area div.product form.cart .variations .color-variable-items-wrapper .color-variable-item,
.single-product>div.product form.cart .variations .color-variable-items-wrapper .color-variable-item {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item,
.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item {
    padding: 0;
    border-radius: 0;
    background-color: #f9f9f9;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12)
}

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item .variable-item-span,
.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item .variable-item-span {
    font-size: 14px
}

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected,
.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected {
    background-color: #000;
    box-shadow: 0 0 0 1px #000
}

.single-product #pxl-content-area div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected .variable-item-span,
.single-product>div.product form.cart .variations .button-variable-items-wrapper .button-variable-item.selected .variable-item-span {
    color: #fff
}

.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item {
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .12);
    background-color: #f9f9f9
}

.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item .variable-item-span-button {
    font-size: 15px;
    line-height: 26px;
    padding: 0 8px;
    color: #383838
}

.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item.selected,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item.selected,
.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item:hover,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item:hover {
    background-color: var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color)
}

.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item.selected .variable-item-span-button,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item.selected .variable-item-span-button,
.single-product #pxl-content-area div.product form.cart .button-variable-wrapper .button-variable-item:hover .variable-item-span-button,
.single-product>div.product form.cart .button-variable-wrapper .button-variable-item:hover .variable-item-span-button {
    color: #fff
}

.single-product #pxl-content-area div.product form.cart.variations_form .woocommerce-variation-add-to-cart,
.single-product>div.product form.cart.variations_form .woocommerce-variation-add-to-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.single-product #pxl-content-area div.product form.cart.variations_form .woocommerce-variation-price,
.single-product>div.product form.cart.variations_form .woocommerce-variation-price {
    margin: 0 0 24px
}

.single-product #pxl-content-area div.product form.cart.variations_form button.single_add_to_cart_button,
.single-product>div.product form.cart.variations_form button.single_add_to_cart_button {
    background-color: var(--primary-color)
}

.single-product #pxl-content-area div.product form.cart:not(.variations_form),
.single-product>div.product form.cart:not(.variations_form),
.single-product #pxl-content-area div.product form.cart:not(.grouped_form),
.single-product>div.product form.cart:not(.grouped_form) {
    display: flex;
    margin: 0 0 30px;
    align-items: center;
    flex-wrap: wrap
}

.single-product #pxl-content-area div.product form.cart:not(.variations_form) select,
.single-product>div.product form.cart:not(.variations_form) select,
.single-product #pxl-content-area div.product form.cart:not(.grouped_form) select,
.single-product>div.product form.cart:not(.grouped_form) select {
    margin: 0
}

.single-product #pxl-content-area div.product form.cart:not(.variations_form) label,
.single-product>div.product form.cart:not(.variations_form) label,
.single-product #pxl-content-area div.product form.cart:not(.grouped_form) label,
.single-product>div.product form.cart:not(.grouped_form) label {
    line-height: 50px
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list td,
.single-product>div.product form.cart .woocommerce-grouped-product-list td {
    vertical-align: middle;
    padding-bottom: 10px
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list td a,
.single-product>div.product form.cart .woocommerce-grouped-product-list td a {
    color: inherit
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price,
.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price {
    font-weight: 500;
    color: var(--primary-color);
    font-size: 15px
}

@media screen and (max-width:1200px) {

    .single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price,
    .single-product>div.product form.cart .woocommerce-grouped-product-list-item__price {
        font-size: 14px
    }
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price ins,
.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price ins {
    text-decoration: none
}

.single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__price del,
.single-product>div.product form.cart .woocommerce-grouped-product-list-item__price del {
    color: #8f8f8f
}

@media screen and (max-width:1200px) {

    .single-product #pxl-content-area div.product form.cart .woocommerce-grouped-product-list-item__label label,
    .single-product>div.product form.cart .woocommerce-grouped-product-list-item__label label {
        font-size: 14px
    }
}

.single-product #pxl-content-area div.product .woocommerce-gallery span.onsale,
.single-product>div.product .woocommerce-gallery span.onsale {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-gallery-inner,
.single-product>div.product .woocommerce-gallery-inner {
    display: flex;
    position: relative
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery,
.single-product>div.product .woocommerce-product-gallery {
    width: 100% !important;
    margin-bottom: 57px;
    padding: 0 20px 7px 170px
}

@media(max-width:1280px) {

    .single-product #pxl-content-area div.product .woocommerce-product-gallery,
    .single-product>div.product .woocommerce-product-gallery {
        padding: 0 20px 0 0
    }
}

@media(max-width:991px) {

    .single-product #pxl-content-area div.product .woocommerce-product-gallery,
    .single-product>div.product .woocommerce-product-gallery {
        padding: 0
    }
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger+.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    border-radius: 10px
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .zoomImg,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #e7e8ea
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    padding: 0;
    background-color: #f2fbfd;
    overflow: hidden
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-viewport,
.single-product>div.product .woocommerce-product-gallery .flex-viewport {
    background-color: rgba(10, 19, 32, .1);
    border-radius: 0;
    overflow: hidden
}

@media(max-width:1280px) {

    .single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-viewport,
    .single-product>div.product .woocommerce-product-gallery .flex-viewport {
        margin-bottom: 20px
    }
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image,
.single-product>div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 530px;
    width: 505px;
    align-content: center
}

@media(max-width:991px) {

    .single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image,
    .single-product>div.product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__image {
        height: auto
    }
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav {
    justify-content: space-between
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav li {
    padding-left: 8px;
    padding-right: 8px
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li img,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav li img {
    opacity: 1;
    border: 1px solid rgba(35, 39, 42, .1);
    border-radius: 5px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-control-nav li img.flex-active,
.single-product>div.product .woocommerce-product-gallery .flex-control-nav li img.flex-active {
    border-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav a {
    font-size: 0;
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #d3d3d3;
    background-color: unset;
    border: 2px solid #d3d3d3;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a:before,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav a:before {
    content: "\f136";
    font-family: caseicon;
    font-size: 13px;
    display: inline-flex
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav a:hover,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,
.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next {
    position: absolute;
    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%);
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    opacity: 0;
    visibility: hidden;
    margin-top: -60px
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev {
    left: 0
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next {
    right: 0
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next a:before,
.single-product>div.product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next a:before {
    -webkit-transform: scaleX(-1);
    -khtml-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1)
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    position: relative;
    display: block
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:after {
    content: "\f06e";
    font-family: "font awesome 5 free";
    font-size: 16px;
    height: 40px;
    font-weight: 900;
    width: 40px;
    line-height: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background-color: #fff;
    text-align: center;
    color: var(--primary-color);
    position: absolute;
    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%);
    left: 0;
    right: 0;
    margin: auto;
    -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;
    opacity: 0
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after,
.single-product>div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a:hover:after {
    opacity: 1
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-prev,
.single-product>div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-prev {
    left: 22px;
    opacity: 1;
    visibility: visible
}

.single-product #pxl-content-area div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-next,
.single-product>div.product .woocommerce-product-gallery:hover .flex-direction-nav .flex-nav-next {
    right: 22px;
    opacity: 1;
    visibility: visible
}

.single-product #pxl-content-area div.product .entry-summary>.woosc-btn,
.single-product>div.product .entry-summary>.woosc-btn,
.single-product #pxl-content-area div.product .entry-summary>.woosw-btn,
.single-product>div.product .entry-summary>.woosw-btn {
    display: none !important
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button,
.single-product>div.product .entry-summary .woocommerce-sg-product-button {
    padding-left: 110px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn,
.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn {
    width: 100%;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:before,
.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:before {
    content: "\f12f";
    font-family: caseicon;
    margin: 0 5px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:hover,
.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:hover,
.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:focus,
.single-product>div.product .entry-summary .woocommerce-sg-product-button .woosw-btn:focus {
    background: var(--primary-color)
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-product-rating,
.single-product>div.product .entry-summary .woocommerce-product-rating {
    margin-bottom: 9px;
    display: flex;
    align-items: center
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-product-rating .star-rating,
.single-product>div.product .entry-summary .woocommerce-product-rating .star-rating {
    margin: 0
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link,
.single-product>div.product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
    margin-left: 10px;
    font-size: 16px;
    color: #686877
}

.single-product #pxl-content-area div.product .entry-summary .entry-title,
.single-product>div.product .entry-summary .entry-title {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--link-color);
    line-height: 1.2
}

.single-product #pxl-content-area div.product .entry-summary .price,
.single-product>div.product .entry-summary .price {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--link-color)
}

.single-product #pxl-content-area div.product .entry-summary .price bdi,
.single-product>div.product .entry-summary .price bdi {
    display: flex
}

.single-product #pxl-content-area div.product .entry-summary .price bdi .woocommerce-Price-currencySymbol,
.single-product>div.product .entry-summary .price bdi .woocommerce-Price-currencySymbol {
    order: -1
}

.single-product #pxl-content-area div.product .entry-summary .price ins,
.single-product>div.product .entry-summary .price ins {
    margin-right: 22px;
    color: inherit;
    text-decoration: none
}

.single-product #pxl-content-area div.product .entry-summary .price del,
.single-product>div.product .entry-summary .price del {
    color: #8f8f8f
}

.single-product #pxl-content-area div.product .entry-summary .price del .amount,
.single-product>div.product .entry-summary .price del .amount {
    color: #8f8f8f
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt,
.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt {
    margin-bottom: 18px
}

.single-product #pxl-content-area div.product .entry-summary .woocommerce-sg-product-excerpt p,
.single-product>div.product .entry-summary .woocommerce-sg-product-excerpt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0;
    color: #686877
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button,
.single-product>div.product .entry-summary .single_add_to_cart_button {
    margin-top: 20px;
    margin-bottom: 0;
    display: inline-flex;
    justify-content: center;
    float: none;
    text-transform: unset;
    position: relative;
    width: 100%;
    line-height: 58px;
    border-radius: 100px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    overflow: hidden
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button:before,
.single-product>div.product .entry-summary .single_add_to_cart_button:before {
    position: absolute;
    width: 200%;
    height: 200%;
    content: "";
    top: -200%;
    left: 50%;
    background-color: #03045e;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    z-index: -1
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button i,
.single-product>div.product .entry-summary .single_add_to_cart_button i {
    font-size: 16px
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button:hover,
.single-product>div.product .entry-summary .single_add_to_cart_button:hover {
    background-color: #03045e
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button:hover:before,
.single-product>div.product .entry-summary .single_add_to_cart_button:hover:before {
    top: -40%
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading,
.single-product>div.product .entry-summary .single_add_to_cart_button.loading {
    padding-right: 42px
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button.loading:after,
.single-product>div.product .entry-summary .single_add_to_cart_button.loading:after {
    top: 0;
    right: 14px
}

.single-product #pxl-content-area div.product .entry-summary .single_add_to_cart_button.added:after,
.single-product>div.product .entry-summary .single_add_to_cart_button.added:after {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs,
.single-product>div.product .woocommerce-tabs ul.wc-tabs {
    overflow: visible;
    padding: 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:before,
.single-product>div.product .woocommerce-tabs ul.wc-tabs:before,
.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs:after,
.single-product>div.product .woocommerce-tabs ul.wc-tabs:after {
    display: none !important
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li {
    margin: 0 15px 0 0;
    padding: 0;
    border: none;
    background-color: initial;
    position: relative;
    z-index: 99
}

@media screen and (max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li,
    .single-product>div.product .woocommerce-tabs ul.wc-tabs li {
        margin: 10px 0 0;
        width: 100%
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:before,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li:before,
.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li:after,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li:after {
    display: none !important
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
    padding: 0 30px;
    font-size: 16px;
    line-height: 46px;
    font-weight: 400;
    color: var(--link-color);
    position: relative;
    z-index: 1;
    text-transform: capitalize;
    position: relative;
    border-radius: 30px;
    background-color: rgba(11, 16, 48, 5%)
}

@media screen and (max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li a,
    .single-product>div.product .woocommerce-tabs ul.wc-tabs li a {
        display: block;
        text-align: center
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs ul.wc-tabs li.active>a,
.single-product>div.product .woocommerce-tabs ul.wc-tabs li.active>a {
    color: #fff;
    background-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-product-attributes th {
    font-weight: 600 !important
}

@media screen and (max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description {
        font-size: 16px
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel p:last-child {
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel>h2 {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel {
    padding: 40px;
    border-radius: 30px;
    margin-bottom: 0;
    border: 1px solid rgba(11, 16, 48, .1)
}

@media(max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel.panel {
        padding: 40px 20px
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes {
    border: 1px solid #dee2e6
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
    border-bottom: 1px solid #dee2e6;
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    padding: 5px;
    font-size: 16px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th {
    color: var(--link-color);
    font-weight: 500;
    min-width: 200px
}

@media(max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes th {
        min-width: unset
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .shop_attributes td {
    border-left: 1px solid #dee2e6;
    font-size: 400;
    color: #686877
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-noreviews {
    margin-bottom: 0 !important
}

.single-product #pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list,
.single-product>div.product .woocommerce-tabs .tab-product-feature-list {
    font-size: 18px;
    line-height: 34px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4,
.single-product>div.product .woocommerce-tabs .tab-product-feature-list .col-xl-4 {
    font-weight: 600
}

.single-product #pxl-content-area div.product .woocommerce-tabs .tab-product-feature-list .line-gap,
.single-product>div.product .woocommerce-tabs .tab-product-feature-list .line-gap {
    margin: 0;
    width: 100%
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information {
    font-size: 15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information td p,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information td p {
    padding: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes {
    margin-bottom: 0;
    background-color: initial;
    border: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes th,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes th,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes td,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .woocommerce-product-attributes td {
    border: none;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) td,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) td,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) th,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information tr:nth-child(2n) th {
    background-color: initial
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews.panel,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews.panel {
    padding-top: 34px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-form-comment label {
    margin-bottom: 8px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews {
    margin: 0 -15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #comments,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #comments {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 40px
}

@media screen and (max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #comments,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #comments {
        width: 100%
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper {
    width: 100%;
    padding: 0 15px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper form .comment-form-rating label,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper form .comment-form-rating label {
    font-weight: 600
}

@media screen and (max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper {
        width: 100%;
        margin-top: 40px
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .form-submit #submit,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .form-submit #submit {
    display: block;
    background-color: var(--primary-color);
    color: #fff
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .form-submit #submit:hover,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews #review_form_wrapper .form-submit #submit:hover {
    background-color: #03045e
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .woocommerce-Reviews-title {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1.4
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .comment-reply-title {
    display: block;
    font-size: 26px;
    color: var(--link-color);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 25px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .nice-select {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form {
    background-color: initial
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea {
    border-color: transparent;
    font-size: 15px;
    color: #686877;
    font-weight: 400;
    background-color: unset;
    border: 1px solid #a6dae5;
    border-radius: 30px !important;
    padding: 15px 20px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input:focus,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form input:focus,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea:focus,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea:focus {
    border-color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form textarea {
    border-radius: 20px !important
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-notes,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-notes {
    font-size: 16px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p {
    margin-bottom: 12px;
    width: 100%
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-notes,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-notes {
    margin-bottom: 22px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-form-rating,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form>p.comment-form-rating {
    margin-top: 4px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-cookies-consent,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-cookies-consent {
    color: rgba(45, 45, 45, .8);
    line-height: 1.625
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form #comment,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form #comment {
    height: 140px;
    min-height: 140px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-author label,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-author label,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-email label,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-email label,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-comment label,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .comment-form-comment label {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .form-submit .submit,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form .comment-form .form-submit .submit {
    font-size: 16px;
    line-height: 58px;
    padding: 0 50px;
    text-transform: unset;
    border: none;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 100px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating {
    margin-bottom: 8px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating label,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating label {
    font-size: 18px;
    display: block;
    color: var(--link-color);
    line-height: 1.625;
    text-transform: capitalize;
    margin-bottom: 4px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars {
    display: inline-flex;
    font-size: 16px;
    margin: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars span,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars span {
    display: inline-flex
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars a {
    margin: 0 2px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating a {
    color: var(--primary-color);
    font-size: 16px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars:hover a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars:hover a,
.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars.selected a,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #review_form #respond .comment-form-rating .stars.selected a {
    color: var(--primary-color)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist {
    padding: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: initial;
    border-bottom: 1px solid rgba(11, 16, 48, .1)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating {
    order: 3;
    width: 85px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
    position: absolute;
    right: 0;
    top: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap .count-rating {
    display: none
}

@media screen and (max-width:991px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .star-rating-wrap {
        position: static;
        margin-bottom: 8px
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment_container {
    position: relative
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
    padding: 0;
    width: 90px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: none
}

@media screen and (max-width:575px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review img.avatar {
        width: 60px;
        border: none
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description {
    line-height: 26px;
    order: 2;
    margin-bottom: 17px
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p:last-child,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .description p:last-child {
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
    border: none;
    padding: 0 0 0 118px;
    margin: 0;
    display: grid
}

@media screen and (max-width:767px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text .star-rating {
        float: none
    }
}

@media screen and (max-width:575px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .comment-text {
        padding-left: 0;
        padding-top: 80px
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
    margin: 0 0 3px;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 30px;
    order: 1
}

@media screen and (max-width:575px) {

    .single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta,
    .single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta {
        display: block
    }
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__published-date {
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    display: inline;
    color: rgba(11, 16, 48, .6)
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__author {
    color: var(--link-color);
    display: block;
    line-height: 1;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review .meta .woocommerce-review__dash {
    display: none
}

.single-product #pxl-content-area div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review:last-child,
.single-product>div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews #reviews ol.commentlist li.review:last-child {
    margin-bottom: 0
}

.single-product #pxl-content-area div.product .quantity,
.single-product>div.product .quantity {
    width: 156px;
    border: 1px solid #eee;
    border-radius: 0;
    justify-content: center
}

.single-product #pxl-content-area div.product .quantity input,
.single-product>div.product .quantity input {
    border: 1px solid rgba(1, 16, 48, .1);
    text-align: center;
    padding: 0 20px;
    height: 44px;
    width: 154px
}

.single-product #pxl-content-area div.product .product_meta,
.single-product>div.product .product_meta {
    color: #1e2227;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500
}

.single-product #pxl-content-area div.product .product_meta .posted_in,
.single-product>div.product .product_meta .posted_in,
.single-product #pxl-content-area div.product .product_meta .tagged_as,
.single-product>div.product .product_meta .tagged_as,
.single-product #pxl-content-area div.product .product_meta .sku_wrapper,
.single-product>div.product .product_meta .sku_wrapper {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    color: #686877
}

.single-product #pxl-content-area div.product .product_meta .posted_in a,
.single-product>div.product .product_meta .posted_in a,
.single-product #pxl-content-area div.product .product_meta .tagged_as a,
.single-product>div.product .product_meta .tagged_as a,
.single-product #pxl-content-area div.product .product_meta .sku_wrapper a,
.single-product>div.product .product_meta .sku_wrapper a,
.single-product #pxl-content-area div.product .product_meta .posted_in span,
.single-product>div.product .product_meta .posted_in span,
.single-product #pxl-content-area div.product .product_meta .tagged_as span,
.single-product>div.product .product_meta .tagged_as span,
.single-product #pxl-content-area div.product .product_meta .sku_wrapper span,
.single-product>div.product .product_meta .sku_wrapper span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0
}

.single-product #pxl-content-area div.product .product_meta .posted_in a,
.single-product>div.product .product_meta .posted_in a,
.single-product #pxl-content-area div.product .product_meta .tagged_as a,
.single-product>div.product .product_meta .tagged_as a,
.single-product #pxl-content-area div.product .product_meta .sku_wrapper a,
.single-product>div.product .product_meta .sku_wrapper a {
    color: var(--link-color)
}

.single-product #pxl-content-area div.product .product_meta .posted_in a:hover,
.single-product>div.product .product_meta .posted_in a:hover,
.single-product #pxl-content-area div.product .product_meta .tagged_as a:hover,
.single-product>div.product .product_meta .tagged_as a:hover,
.single-product #pxl-content-area div.product .product_meta .sku_wrapper a:hover,
.single-product>div.product .product_meta .sku_wrapper a:hover {
    color: var(--primary-color)
}

.single-product #pxl-content-area div.product .product_meta .tagged_as a,
.single-product>div.product .product_meta .tagged_as a {
    position: relative;
    overflow: hidden
}

.single-product #pxl-content-area div.product .product_meta .tagged_as a:before,
.single-product>div.product .product_meta .tagged_as a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    background: var(--primary-color);
    transition: all .5s ease
}

.single-product #pxl-content-area div.product .product_meta .tagged_as a:after,
.single-product>div.product .product_meta .tagged_as a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 99%;
    height: 1px;
    background: rgba(11, 16, 48, .1);
    transition: all .5s ease
}

.single-product #pxl-content-area div.product .product_meta .tagged_as a:hover:before,
.single-product>div.product .product_meta .tagged_as a:hover:before {
    width: 99%
}

.single-product #pxl-content-area div.product .product_meta .tagged_as a:hover:after,
.single-product>div.product .product_meta .tagged_as a:hover:after {
    left: 101%;
    opacity: 0;
    visibility: hidden
}

.single-product #pxl-content-area div.product .product_meta .sku_wrapper,
.single-product>div.product .product_meta .sku_wrapper {
    padding: 8px 0
}

.single-product #pxl-content-area div.product .product_meta .tagged_as,
.single-product>div.product .product_meta .tagged_as {
    display: flex;
    gap: 13px;
    flex-wrap: wrap
}

.single-product #pxl-content-area div.product .product_meta>span,
.single-product>div.product .product_meta>span {
    display: block;
    margin-top: 10px;
    text-transform: uppercase
}

.single-product #pxl-content-area div.product .product_meta>span span,
.single-product>div.product .product_meta>span span,
.single-product #pxl-content-area div.product .product_meta>span a,
.single-product>div.product .product_meta>span a {
    color: #041442;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    margin-left: 5px
}

.single-product #pxl-content-area div.product .product_meta>span a:hover,
.single-product>div.product .product_meta>span a:hover {
    color: var(--primary-color)
}

.single-product .up-sells.upsells {
    margin-top: 52px
}

.single-product .up-sells.upsells>h2 {
    font-size: 32px;
    margin-bottom: 23px
}

.single-product .product-type-external .woocommerce-sg-product-button,
.single-product .product-type-grouped .woocommerce-sg-product-button {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.single-product .product-type-grouped form.cart .button {
    white-space: nowrap
}

@media screen and (max-width:1200px) {
    .single-product .product-type-grouped .quantity .qty {
        width: 80px !important
    }
}

@media screen and (min-width:768px) {
    .single-product.header-sticky #pxl-content-area div.product .entry-summary {
        top: 120px
    }

    .single-product.header-sticky.admin-bar #pxl-content-area div.product .entry-summary {
        top: 150px
    }
}

.pswp {
    z-index: 999999
}

.pswp .pswp__caption {
    display: none
}

.pswp .pswp__bg {
    background-color: rgba(0, 0, 0, .76)
}

.pswp .pswp__top-bar {
    opacity: 1;
    background-color: initial
}

.pswp .pswp__ui .pswp__button {
    opacity: 1 !important
}

.pswp .pswp__ui .pswp__button:before {
    font-family: caseicon;
    background: 0 0;
    color: #fff;
    display: inline-flex;
    line-height: 30px;
    justify-content: center
}

.pswp .pswp__ui .pswp__button--arrow--left:before {
    content: "\f136"
}

.pswp .pswp__ui .pswp__button--arrow--right:before {
    content: "\f14d"
}

body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 15px
}

body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-error {
    width: 100%
}

body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-message a.button,
body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-info a.button,
body.woocommerce-cart .pxl-entry-content .woocommerce .woocommerce-notices-wrapper .woocommerce-error a.button {
    line-height: 46px;
    font-size: 16px
}

body.woocommerce-cart .pxl-entry-content .woocommerce .cart-empty.woocommerce-info {
    width: 100%;
    text-align: left
}

body.woocommerce-cart .pxl-entry-content .woocommerce .return-to-shop {
    width: 100%;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 0;
    text-align: center
}

@media(max-width:480px) {
    body.woocommerce-cart .pxl-entry-content .woocommerce .return-to-shop {
        margin-top: 30px
    }
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info {
    background-color: #f3f3f4;
    border: none;
    border-top: 3px solid #ff9a3e;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 27px 30px 25px !important
}

@media(max-width:480px) {
    body.woocommerce-cart .wc-block-components-notice-banner.is-info {
        padding: 10px 20px !important
    }
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info svg {
    display: none
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content {
    position: relative;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #5a5a5a;
    padding-left: 40px
}

@media(max-width:360px) {
    body.woocommerce-cart .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content {
        font-size: 16px;
        padding-left: 35px
    }
}

body.woocommerce-cart .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content:before {
    content: '';
    position: absolute;
    border: 1px solid;
    border-top: 3px solid;
    border-image-slice: 1;
    width: 23px;
    height: 23px;
    border-image-source: linear-gradient(to right bottom, var(--gradient-color-from), var(--gradient-color-to));
    background-color: #fff;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

body.woocommerce-cart .cart-empty.woocommerce-info {
    padding: 112px 0 0;
    background-color: initial;
    border: none;
    text-align: center !important;
    position: relative
}

body.woocommerce-cart .cart-empty.woocommerce-info:after {
    content: "\f145";
    font-family: caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    font-size: 100px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    color: rgba(0, 0, 0, .14);
    position: absolute
}

body.woocommerce-cart .woocommerce-cart-form .shop_table {
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0
}

body.woocommerce-cart .woocommerce-cart-form .shop_table thead th {
    font-size: 16px;
    font-weight: 600;
    color: var(--link-color);
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 15px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--link-color)
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td {
    text-align: left;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid var(--link-color)
}

@media screen and (max-width:768px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td {
        background-color: initial !important
    }
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody td.actions {
    border-bottom: none;
    padding-left: 0;
    padding-right: 0
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions {
    padding-top: 36px;
    padding-bottom: 0
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text {
    border: 1px solid rgba(11, 16, 48, .1);
    background-color: #fff;
    font-size: 15px;
    height: 48px;
    padding: 0 20px;
    min-width: 250px;
    color: #686877;
    margin-right: 19px;
    border-radius: 0
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text:focus {
    border-color: var(--primary-color)
}

@media screen and (max-width:575px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .input-text {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px
    }
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .button {
    background: #03045e;
    color: #fff !important;
    border: none;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    padding: 0 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: 47px
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .coupon .button:hover {
    background: var(--primary-color);
    color: #fff !important
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
    margin-right: 12px;
    opacity: 1;
    min-width: 168px;
    height: 47px;
    align-items: center;
    display: flex;
    float: right;
    border-radius: 100px;
    background: var(--primary-color);
    font-size: 12px;
    letter-spacing: 2px;
    padding: 0 30px;
    line-height: 1.4;
    color: #fff;
    text-transform: uppercase
}

@media(max-width:767px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        padding: 0 25px
    }
}

@media screen and (max-width:1260px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        min-width: inherit
    }
}

@media screen and (max-width:768px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        margin-right: 0
    }
}

@media screen and (max-width:575px) {
    body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button {
        width: 100% !important;
        float: none !important
    }
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .actions .button:hover {
    background: #03045e;
    color: #fff !important
}

body.woocommerce-cart .woocommerce-cart-form .shop_table .qty {
    background-color: initial !important
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-name a {
    color: var(--link-color);
    font-size: 16px;
    font-weight: 400
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-name a:hover {
    color: var(--primary-color)
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-name dl.variation {
    display: none
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-price {
    color: var(--link-color);
    font-size: 16px;
    font-weight: 400
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-subtotal {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-thumbnail {
    text-align: center !important;
    min-width: 120px;
    display: block
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-thumbnail a {
    display: block
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-thumbnail a img {
    width: 100%;
    max-width: 90px;
    padding: 15px;
    border: 1px solid var(--primary-color)
}

body.woocommerce-cart .woocommerce-cart-form .shop_table tbody .product-thumbnail::before {
    content: ''
}

body.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: rgba(11, 16, 48, 5%);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
    color: #fff;
    width: 100%;
    max-width: 734px;
    float: left;
    margin-top: 60px;
    padding: 60px
}

@media screen and (max-width:1200px) {
    body.woocommerce-cart .cart-collaterals .cart_totals {
        max-width: 420px;
        margin-top: 40px;
        float: none;
        padding: 40px 15px
    }
}

@media screen and (max-width:767px) {
    body.woocommerce-cart .cart-collaterals .cart_totals {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

body.woocommerce-cart .cart-collaterals .cart_totals>h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.38;
    color: var(--link-color);
    text-transform: capitalize;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px
}

body.woocommerce-cart .cart-collaterals .cart_totals>h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 2px;
    background-color: var(--primary-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals td {
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #686877
}

@media screen and (max-width:767px) {
    body.woocommerce-cart .cart-collaterals .cart_totals td {
        padding: 16px 0 !important
    }
}

body.woocommerce-cart .cart-collaterals .cart_totals th {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: var(--link-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals th,
body.woocommerce-cart .cart-collaterals .cart_totals td {
    border-bottom: 1px solid var(--link-color);
    padding: 10px 0
}

@media screen and (max-width:768px) {

    body.woocommerce-cart .cart-collaterals .cart_totals th,
    body.woocommerce-cart .cart-collaterals .cart_totals td {
        background-color: initial !important
    }
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
    margin-bottom: 0
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
    padding-top: 16px;
    font-weight: 600;
    color: var(--link-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
    border: none
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator p {
    margin-bottom: 0
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button {
    color: var(--primary-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:after {
    content: "\f150";
    margin-left: 9px;
    font-family: caseicon;
    position: relative;
    top: 1px;
    font-size: 10px
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-button:hover {
    color: var(--primary-color)
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-calculator .shipping-calculator-form {
    padding-top: 10px
}

body.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal td,
body.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal li {
    text-align: left
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination {
    font-family: dm sans;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.34px
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination strong {
    font-family: dm sans;
    font-size: 17px;
    font-weight: 400
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-calculator a {
    color: #fff;
    font-family: dm sans;
    font-size: 17px;
    font-weight: 400
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals td {
    padding-top: 15px
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals td li,
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals td p,
body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals td form {
    text-align: left
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals li input {
    vertical-align: baseline !important
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals li label {
    font-family: dm sans;
    font-size: 17px;
    font-weight: 400
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals li label span {
    font-family: dm sans;
    font-size: 17px;
    font-weight: 400
}

body.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals th {
    padding-top: 15px;
    align-items: center
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
    text-align: left
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total td ul li input {
    vertical-align: baseline
}

body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    padding-bottom: 0;
    padding-top: 40px
}

body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 100px;
    background: #03045e;
    font-size: 16px;
    color: #fff !important;
    font-weight: 500;
    letter-spacing: 0;
    max-width: 237px;
    width: 100%
}

body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button:hover {
    color: #fff !important;
    background: var(--primary-color)
}

@media screen and (max-width:767px) {
    body.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button {
        padding-left: 28px;
        padding-right: 28px
    }
}

@media screen and (min-width:1400px) {
    .wp-singular #pxl-main .container {
        max-width: 1300px
    }
}

.pxl-checkout-order-review .shop_table .cart_item .product-name {
    text-align: start
}

.pxl-checkout-order-review #order_review_heading {
    position: relative
}

.pxl-checkout-order-review #order_review_heading::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 2px;
    background: var(--primary-color)
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table thead th {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(11, 16, 48, .1) !important
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table thead td {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(11, 16, 48, .1) !important
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tbody td {
    padding: 14px 0 !important;
    border-bottom: 1px solid rgba(11, 16, 48, .1) !important
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method {
    display: flex;
    gap: 17px;
    float: right
}

@media screen and (max-width:479px) {
    .pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method {
        flex-wrap: wrap;
        justify-content: end
    }
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method li {
    margin: 0
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method li label {
    margin: 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.34px;
    color: #666
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method li label .amount {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -.34px;
    color: #666
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method li input[type=checkbox]:checked {
    color: var(--secondary-color)
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td #shipping_method li input {
    vertical-align: baseline
}

.pxl-checkout-order-review .woocommerce-checkout-review-order-table tfoot th {
    font-size: 18px;
    font-weight: 600 !important;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--link-color);
    text-transform: capitalize !important
}

.woocommerce-checkout a.showcoupon,
.woocommerce-checkout a.woocommerce-privacy-policy-link,
.woocommerce-checkout .woocommerce-terms-and-conditions-link {
    color: inherit;
    text-decoration: underline
}

.woocommerce-checkout a.showcoupon:hover,
.woocommerce-checkout a.woocommerce-privacy-policy-link:hover,
.woocommerce-checkout .woocommerce-terms-and-conditions-link:hover {
    color: #222
}

.woocommerce-checkout .woocommerce-NoticeGroup-checkout {
    width: 100%;
    font-size: 16px;
    padding: 0 15px
}

.woocommerce-checkout .woocommerce-NoticeGroup-checkout strong {
    font-weight: 500;
    color: #2d2d2d
}

@media screen and (max-width:767px) {

    .woocommerce-checkout .woocommerce-message,
    .woocommerce-checkout .woocommerce-info {
        padding-bottom: 24px
    }
}

.woocommerce-checkout form.checkout_coupon {
    border: 1px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 6%)
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.checkout_coupon {
        padding-left: 20px;
        padding-right: 20px
    }
}

.woocommerce-checkout form.checkout_coupon .form-row-first {
    width: 50%;
    padding-right: 20px
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.checkout_coupon .form-row-first {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px !important
    }
}

.woocommerce-checkout form.checkout_coupon .form-row-last {
    width: 50%;
    text-align: end
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.checkout_coupon .form-row-last {
        width: 100%;
        text-align: center
    }
}

.woocommerce-checkout form.checkout_coupon .form-row-last button.button {
    width: 100%;
    border-radius: 100px;
    font-weight: 400 !important
}

@media screen and (max-width:575px) {
    .woocommerce-checkout form.checkout_coupon .form-row-last button.button {
        width: 100%;
        border-radius: 100px
    }
}

.woocommerce-checkout form.checkout_coupon #coupon_code {
    border-color: transparent;
    height: 56px
}

.woocommerce-checkout form.checkout_coupon #coupon_code:focus {
    border-color: var(--primary-color)
}

.woocommerce-checkout form.checkout_coupon>.form-row {
    margin-bottom: 0;
    padding-bottom: 0
}

.woocommerce-checkout #add_payment_method #payment,
.woocommerce-checkout #payment {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.woocommerce-checkout #customer_details {
    width: 49%;
    padding: 0;
    flex-shrink: 0
}

@media screen and (max-width:1200px) {
    .woocommerce-checkout #customer_details {
        padding-right: 0
    }
}

@media screen and (max-width:1400px) {
    .woocommerce-checkout #customer_details {
        width: 52%
    }
}

@media screen and (max-width:991px) {
    .woocommerce-checkout #customer_details {
        width: 100%
    }
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    width: 100%;
    flex: inherit;
    max-width: 100%;
    padding: 0
}

@media screen and (max-width:767px) {
    .woocommerce-checkout #customer_details {
        margin: 0
    }
}

.woocommerce-checkout #customer_details span.woocommerce-input-wrapper {
    width: 100%;
    display: block
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields {
    margin-bottom: 36px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #686877
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields input {
    border-color: #a6dae5;
    color: #686877;
    font-size: 15px;
    border-radius: 100px;
    padding: 17.5px 20px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-selection {
    height: 55px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #a6dae5;
    padding: 0 20px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields .select2-selection__rendered {
    line-height: 2.1;
    border-radius: 6px;
    padding-left: 8.5px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields>h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.38;
    text-transform: capitalize;
    color: var(--link-color);
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.woocommerce-checkout #customer_details .woocommerce-billing-fields>h3::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 2px;
    background: var(--primary-color)
}

@media screen and (max-width:1200px) {
    .woocommerce-checkout #customer_details .woocommerce-billing-fields>h3 {
        font-size: 22px
    }
}

@media screen and (max-width:575px) {
    .woocommerce-checkout #customer_details .woocommerce-billing-fields>h3 {
        font-size: 18px
    }
}

.woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.38;
    text-transform: capitalize;
    color: var(--link-color);
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px
}

.woocommerce-checkout #customer_details .woocommerce-additional-fields>h3::before {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 2px;
    background: var(--primary-color)
}

@media screen and (max-width:1200px) {
    .woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
        font-size: 22px
    }
}

@media screen and (max-width:575px) {
    .woocommerce-checkout #customer_details .woocommerce-additional-fields>h3 {
        font-size: 18px
    }
}

.woocommerce-checkout #customer_details .woocommerce-additional-fields textarea {
    border: 1px solid #a6dae5;
    background: #fff;
    color: #686877;
    height: 120px;
    border-radius: 20px;
    padding: 15px 20px !important
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields {
    display: none !important
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address {
    font-size: 24px;
    cursor: pointer;
    -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
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address:hover {
    color: var(--primary-color)
}

.woocommerce-checkout #customer_details .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox {
    position: absolute;
    opacity: 0
}

.woocommerce-checkout #customer_details #billing_country_field label,
.woocommerce-checkout #customer_details #shipping_country_field label,
.woocommerce-checkout #customer_details #billing_address_1_field label,
.woocommerce-checkout #customer_details #shipping_address_1_field label,
.woocommerce-checkout #customer_details #order_comments_field label {
    display: none !important
}

.woocommerce-checkout #customer_details #billing_country_field textarea,
.woocommerce-checkout #customer_details #shipping_country_field textarea,
.woocommerce-checkout #customer_details #billing_address_1_field textarea,
.woocommerce-checkout #customer_details #shipping_address_1_field textarea,
.woocommerce-checkout #customer_details #order_comments_field textarea {
    padding: 18px 30px
}

.woocommerce-checkout form.woocommerce-checkout {
    display: flex;
    gap: 181px
}

@media screen and (max-width:991px) {
    .woocommerce-checkout form.woocommerce-checkout {
        display: inline
    }
}

@media screen and (max-width:1400px) {
    .woocommerce-checkout form.woocommerce-checkout {
        gap: 50px
    }
}

.woocommerce-checkout form.woocommerce-checkout input,
.woocommerce-checkout form.woocommerce-checkout textarea {
    font-size: 16px;
    color: rgba(0, 0, 0, .5)
}

.woocommerce-checkout form.woocommerce-checkout input {
    line-height: 1.77
}

.woocommerce-checkout form.woocommerce-checkout label {
    font-size: 16px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 10px
}

.woocommerce-checkout form.woocommerce-checkout p {
    margin: 0
}

.woocommerce-checkout form.woocommerce-checkout .form-row-first {
    padding-right: 10px
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.woocommerce-checkout .form-row-first {
        padding-right: 0
    }
}

.woocommerce-checkout form.woocommerce-checkout .form-row-last {
    padding-left: 10px
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.woocommerce-checkout .form-row-last {
        width: 100%;
        padding-left: 0
    }
}

.woocommerce-checkout form.woocommerce-checkout .form-row-last,
.woocommerce-checkout form.woocommerce-checkout .form-row-first {
    width: 50%
}

@media screen and (max-width:767px) {

    .woocommerce-checkout form.woocommerce-checkout .form-row-last,
    .woocommerce-checkout form.woocommerce-checkout .form-row-first {
        width: 100%
    }
}

.woocommerce-checkout form.woocommerce-checkout #order_review_heading {
    font-size: 26px !important;
    font-weight: 600;
    line-height: 1.38;
    text-transform: capitalize;
    color: var(--link-color);
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px
}

@media screen and (max-width:1200px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review_heading {
        font-size: 32px
    }
}

@media screen and (max-width:575px) {
    .woocommerce-checkout form.woocommerce-checkout #order_review_heading {
        font-size: 28px
    }
}

.woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right {
    width: 40%;
    padding: 0 15px;
    margin-bottom: 54px
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right {
        width: 100%
    }
}

.woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right .pxl-order-review-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 30px
}

.woocommerce-checkout form.woocommerce-checkout .pxl-order-review-right .blockUI {
    background-color: initial
}

.woocommerce-checkout form.woocommerce-checkout #order_review th {
    font-weight: 600;
    vertical-align: middle !important
}

.woocommerce-checkout form.woocommerce-checkout #order_review th+td {
    border-left: 1px solid #ebebeb
}

.woocommerce-checkout form.woocommerce-checkout #order_review .product-total {
    border-left: 1px solid #ebebeb
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
    border: none;
    margin: 0;
    font-size: 16px;
    color: #2d2d2d;
    background-color: initial
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody .cart_item td {
    font-size: 16px;
    color: #686877;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    color: #000
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td {
    border: none;
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal th {
    text-transform: uppercase
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .cart-subtotal td {
    text-align: right
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total th {
    text-transform: uppercase
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total th {
    border-bottom: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .order-total td {
    text-align: right
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-total {
    text-align: right
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name {
    padding-right: 20px
}

.woocommerce-checkout form.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table .product-name strong {
    font-weight: 400
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment {
    margin-top: 5px;
    padding: 0;
    background-color: initial;
    border: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment label {
    font-size: 16px;
    color: #2d2d2d
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods {
    padding: 0;
    border-bottom: none;
    margin-bottom: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods div.payment_box {
    font-size: 17px;
    line-height: 1.5;
    color: #666;
    background-color: #fff;
    margin-bottom: 23px;
    padding: 0;
    margin-top: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods div.payment_box:before {
    border-bottom-color: #fff
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method {
    padding-top: 4px
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method label {
    cursor: pointer;
    position: relative
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method label:before {
    content: '';
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, .3);
    border-radius: 16px;
    position: absolute;
    top: 2px;
    left: -35px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method label:after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    left: -30px;
    top: 7px;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    opacity: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method input {
    opacity: 0
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked+label:before {
    border-color: var(--primary-color)
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .wc_payment_methods .wc_payment_method input[type=radio]:checked+label:after {
    opacity: 1
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .form-row.place-order {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .form-row.place-order button {
    float: left !important;
    height: 58px;
    padding: 0 30px !important;
    border-radius: 100px;
    font-size: 16px;
    background: var(--primary-color);
    font-weight: 500;
    width: 100%
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .form-row.place-order button:hover {
    background: var(--link-color);
    color: #fff
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment #place_order.button {
    float: none
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .woocommerce-terms-and-conditions-wrapper {
    margin-top: 22px;
    font-size: 17px;
    margin-bottom: 30px;
    line-height: 1.5;
    letter-spacing: -.34px;
    color: #666
}

.woocommerce-checkout form.woocommerce-checkout #order_review #payment .woocommerce-terms-and-conditions-wrapper .wp-block-heading {
    font-size: 24px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
    display: block;
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
    width: 30%;
    float: left;
    padding: 0 15px
}

@media screen and (max-width:767px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 60px
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul {
    margin: 0;
    list-style: none
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #eaeaea
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 0;
    color: #222;
    position: relative;
    display: block
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:before {
    content: "\f14d";
    position: absolute;
    left: 0;
    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%);
    display: block;
    font-family: caseicon;
    color: var(--primary-color);
    margin-left: -16px;
    font-size: 10px;
    opacity: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li.is-active>a,
.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:hover {
    color: inherit;
    padding-left: 20px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li.is-active>a:before,
.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-navigation ul li a:hover:before {
    margin-left: 0;
    opacity: 1
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content {
    margin-bottom: 30px;
    padding: 0 15px;
    width: 70%;
    float: left
}

@media screen and (max-width:767px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content {
        width: 100%;
        margin-bottom: 0
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .col-1,
.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .col-2 {
    flex: inherit;
    max-width: inherit
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .form-row label {
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-MyAccount-content .form-row .woocommerce-input-wrapper {
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form {
    border: none;
    background-color: #fff;
    padding: 27px 30px 30px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid rgba(22, 35, 43, .1);
    max-width: 670px;
    margin: 0 auto 50px;
    display: block;
    width: 100%;
    -webkit-box-shadow: 0 5px 30px rgba(22, 35, 43, 5%);
    -khtml-box-shadow: 0 5px 30px rgba(22, 35, 43, 5%);
    -moz-box-shadow: 0 5px 30px rgba(22, 35, 43, 5%);
    -ms-box-shadow: 0 5px 30px rgba(22, 35, 43, 5%);
    -o-box-shadow: 0 5px 30px rgba(22, 35, 43, 5%);
    box-shadow: 0 5px 30px rgba(22, 35, 43, 5%)
}

@media screen and (max-width:1200px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-form {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width:767px) {
    .woocommerce-account #pxl-main #pxl-content-area .woocommerce-form {
        padding: 28px 20px
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form label {
    font-size: 20px;
    line-height: 1.55555;
    color: #0a1320;
    margin-bottom: 13px;
    font-weight: 500
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .required {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input {
    display: block;
    width: 100%
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input .show-password-input {
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    right: 16px;
    transform: translate(0, -50%)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input .show-password-input:after {
    margin: 0;
    color: rgba(0, 0, 0, .5)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .password-input .show-password-input:hover:after {
    color: #000
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-Button.button {
    margin-right: 16px;
    height: auto
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-LostPassword {
    margin-bottom: 0
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-LostPassword a {
    font-size: 18px;
    color: inherit
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-LostPassword a:hover {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-privacy-policy-text {
    padding-bottom: 17px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-privacy-policy-text a {
    color: #000
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-privacy-policy-text a:hover {
    color: var(--primary-color)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox {
    padding: 0;
    position: relative;
    margin: 4px 0 28px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox span {
    font-size: 18px;
    color: #0a1320;
    display: inline-flex;
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    font-weight: 500
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox span:before {
    content: '';
    width: 28px;
    height: 28px;
    border: 1px solid rgba(22, 29, 57, .1);
    top: 50%;
    left: 0;
    -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%);
    position: absolute;
    border-radius: 28px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox span:after {
    content: "\f112";
    font-family: caseicon;
    color: #000;
    position: absolute;
    top: 50%;
    left: 7px;
    -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%);
    font-size: 14px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    opacity: 0
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox #rememberme {
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 0;
    -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%);
    width: 24px;
    height: 24px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-form__label-for-checkbox #rememberme:checked+span:after {
    opacity: 1
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form .woocommerce-button.button {
    padding-left: 44px;
    padding-right: 44px
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-form-register {
    font-size: 16px;
    line-height: 1.625;
    color: rgba(45, 45, 45, .8)
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-notices-wrapper+h2 {
    text-align: center;
    font-size: 24px
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login {
    margin: 0 -25px;
    width: inherit;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1200px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login {
        margin-left: -15px;
        margin-right: -15px
    }
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login>div {
    padding-left: 25px;
    padding-right: 25px
}

@media screen and (max-width:1200px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login>div {
        padding-left: 15px;
        padding-right: 15px
    }
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login h2 {
    font-size: 42px;
    margin-bottom: 23px
}

@media screen and (max-width:991px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login h2 {
        font-size: 32px
    }
}

.woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column1.col-1,
.woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column2.col-2 {
    width: 50%;
    flex: inherit;
    max-width: 100%
}

@media screen and (max-width:767px) {
    .woocommerce-account #pxl-main #pxl-content-area #customer_login {
        margin: 0
    }

    .woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column1.col-1,
    .woocommerce-account #pxl-main #pxl-content-area #customer_login .u-column2.col-2 {
        width: 100%;
        padding: 0
    }
}

.woocommerce-account #pxl-main #pxl-content-area .woocommerce-password-strength.bad {
    background-color: initial;
    padding: 8px 0
}

.wishlist-title {
    width: 100%;
    text-align: center;
    margin: 0 0 45px
}

.wishlist-title .button .fa {
    font-family: FontAwesome
}

.hidden-title-form input+input {
    margin-top: 15px
}

.hidden-title-form .btn {
    line-height: 51px !important
}

.shop_table.cart.wishlist_table {
    margin-bottom: 0 !important
}

#stripe-payment-data .form-row>label+div {
    width: 100%
}

.woocommerce-lost-password .woocommerce-error {
    max-width: 440px;
    margin: auto
}

.woocommerce-lost-password .woocommerce-ResetPassword {
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 5%);
    max-width: 440px;
    margin: 10px auto 0;
    border-radius: 10px;
    border: 1px solid rgba(22, 35, 43, 8%)
}

.woocommerce-lost-password .woocommerce-ResetPassword p {
    width: 100% !important;
    float: none !important;
    font-size: 16px
}

.woocommerce-lost-password .woocommerce-ResetPassword #user_login {
    border-color: transparent;
    background-color: rgba(0, 0, 0, 5%);
    color: rgba(45, 45, 45, .5)
}

.woocommerce-lost-password .woocommerce-ResetPassword #user_login:focus {
    border-color: var(--primary-color);
    color: #2d2d2d
}

.woocommerce-lost-password .woocommerce-ResetPassword label {
    font-size: 20px;
    font-weight: 500;
    color: #0a1320;
    margin-bottom: 8px
}

.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button {
    padding-left: 38px;
    padding-right: 38px
}

.woocommerce-lost-password .woocommerce-form-row label {
    margin-bottom: 4px;
    font-weight: 500;
    color: #222
}

.woocommerce-lost-password .pxl-entry-content>.woocommerce {
    max-width: 960px;
    margin: auto
}

.woocommerce {}

.woocommerce .loader::before {
    display: none
}

.woosw-popup .woosw-item--image img {
    background-color: #f7f7f7
}

.woosw-popup .woosw-item--time {
    display: none
}

.woosw-popup .woosw-item--actions a.button {
    line-height: 40px;
    padding: 0 22px;
    font-size: 15px
}

.woosw-popup .woosw-popup-content-bot a {
    color: #000;
    text-transform: capitalize
}

.woosw-popup .woosw-popup-content-bot a:hover {
    color: var(--primary-color);
    border-color: var(--primary-color)
}

.woosw-popup .woosw-item--add .button.added {
    display: none
}

.woosw-popup .woosw-item--add .added_to_cart.wc-forward {
    line-height: 40px;
    padding: 0 22px;
    font-size: 15px;
    display: none !important
}

.shop_table_responsive .woocommerce-shipping-calculator {
    margin: 20px 0
}

.shop_table_responsive .woocommerce-shipping-calculator .form-row input {
    line-height: 42px !important;
    border-radius: 100px !important;
    border: 1px solid transparent !important
}

.shop_table_responsive .woocommerce-shipping-calculator .form-row .select2-container--default .selection {
    line-height: 60px
}

.shop_table_responsive .woocommerce-shipping-calculator .form-row .select2-container--default .selection .select2-selection__rendered {
    line-height: 43px
}

.shop_table_responsive .woocommerce-shipping-calculator .form-row label {
    margin-bottom: 10px
}

.shop_table_responsive .woocommerce-shipping-calculator button {
    padding: 0 40px !important;
    border-radius: 100px;
    width: 50%;
    background-color: #fff !important;
    color: var(--secondary-color)
}

.shop_table_responsive .woocommerce-shipping-calculator button:hover {
    color: var(--primary-color) !important;
    background-color: #f2d701 !important
}

.shop_table_responsive .woocommerce-shipping-calculator .checkout-button:hover {
    color: var(--primary-color)
}

.woocommerce-form-coupon .form-row-last .button {
    background-color: var(--primary-color) !important;
    color: #fff
}

.woocommerce-form-coupon .form-row-last .button:hover {
    color: #fff !important
}

.status-publish th {
    border-bottom: 1px solid rgba(11, 16, 48, .1)
}

.woocommerce-cart-form__contents {}

.woocommerce-cart-form__contents tr .actions .button {
    color: #fff !important
}

.woosw-list {
    margin: auto
}

.woosw-list .woosw-actions {
    display: none
}

.woosw-list .woosw-popup-content-mid-massage {
    padding: 112px 0 0;
    background-color: initial;
    border: none;
    text-align: center !important
}

.woosw-list .woosw-popup-content-mid-massage:before {
    content: "\f145";
    font-family: caseicon;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    line-height: 100px;
    font-size: 100px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    color: rgba(0, 0, 0, .14);
    position: absolute
}

.woosw-list table.woosw-items {
    border-left: none
}

.woosw-list table.woosw-items td {
    border-right: none;
    background-color: initial !important
}

.woosw-list table.woosw-items td.woosw-item--info {
    display: flex;
    justify-content: space-around;
    line-height: 100px
}

.woosw-list table.woosw-items td .add_to_cart_inline a {
    display: block;
    width: auto;
    padding: 15px 10px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 800;
    background: var(--secondary-color);
    color: #fff
}

.woosw-list table.woosw-items td .add_to_cart_inline a:hover {
    background: #f2d701;
    color: var(--primary-color)
}

.woosw-list table.woosw-items .woosw-item .woosw-item--name a {
    font-weight: 600;
    color: #000;
    font-size: 20px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--price {
    font-size: 18px;
    color: var(--primary-color)
}

.woosw-list table.woosw-items .woosw-item .woosw-item--price ins {
    background-color: initial;
    color: inherit
}

.woosw-list table.woosw-items .woosw-item .woosw-item--price del {
    color: #888
}

.woosw-list table.woosw-items .woosw-item .woosw-item--time {
    font-size: 15px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions {
    text-align: right
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add a.button,
.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add .added_to_cart.wc-forward {
    min-width: 170px;
    text-align: center;
    line-height: 40px;
    padding: 0 22px;
    font-size: 15px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add a.button.added,
.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add .added_to_cart.wc-forward.added {
    margin: 0 10px
}

.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add a.button.added:after,
.woosw-list table.woosw-items .woosw-item .woosw-item--actions .woosw-item--add .added_to_cart.wc-forward.added:after {
    display: none
}

.woosq-popup {}

.woosq-popup .woocommerce-product-details__short-description {
    margin-bottom: 22px
}

.woosq-popup div.product .entry-summary .entry-title {
    font-size: 32px
}

.woosq-popup div.product .entry-summary .product_type_external {
    width: 100%;
    line-height: 50px;
    text-align: center
}

.woosq-popup div.product .entry-summary .add_to_cart_button {
    width: 100%;
    text-align: center
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart {
    line-height: 50px;
    text-align: center
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart.loading {
    opacity: 1
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart.loading:before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent #fff transparent #fff;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2
}

.woosq-popup div.product .entry-summary .add_to_cart_button.ajax_add_to_cart.loading:after {
    display: none
}

#woosc-area .woosc-inner span.amount {
    font-weight: 500;
    color: var(--primary-color)
}

#woosc-area .woosc-inner td.td-label {
    font-weight: 500;
    color: var(--dark-color)
}

#woosc-area .woosc-inner .button.wp-element-button {
    line-height: 50px;
    padding: 0 32px;
    font-size: 16px
}

.woocommerce-EditAccountForm.edit-account fieldset {
    margin-bottom: 30px
}

.woocommerce-address-fields button.button {
    margin-top: 30px
}

.wp-block-woocommerce-checkout-order-summary-block {
    border: 1px solid #dbdbdb !important;
    border-radius: 12px !important
}

.wc-block-cart-items__header {
    text-transform: unset !important
}

.wc-block-cart-items__header th {
    font-size: 24px;
    font-weight: 600;
    color: var(--link-color)
}

.wc-block-cart-items__row .wc-block-cart-item__image {
    padding-left: 0 !important
}

.wc-block-cart-items__row .wc-block-cart-item__image a {
    display: inline-block;
    background-color: #f6f6f6;
    border-radius: 4px
}

.wc-block-cart-items__row .wc-block-cart-item__wrap .wc-block-components-product-name {
    font-size: 20px !important;
    color: var(--link-color) !important;
    font-weight: 400
}

.wc-block-cart-items__row .price {
    color: #261723 !important;
    font-size: 20px !important;
    font-weight: 700
}

.wc-block-cart-items__row .wc-block-components-product-metadata {
    font-size: 16px !important;
    font-weight: 400;
    color: #494949;
    font-family: inter, sans-serif;
    line-height: 1.3
}

.wc-block-cart-items__row .wc-block-cart-item__remove-link {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700;
    background-color: var(--primary-color) !important;
    padding: 0 20px !important;
    height: 42px;
    border-radius: 5px !important;
    text-decoration: unset !important;
    line-height: 42px !important
}

.wc-block-cart-items__row .wc-block-components-quantity-selector input,
.wc-block-cart-items__row .wc-block-components-quantity-selector button {
    height: 40px !important;
    line-height: 40px;
    padding: 0 !important
}

body.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: inherit
}

.pxl-logo a {
    display: inline-block;
    position: relative
}

.pxl-logo img {
    width: auto;
    vertical-align: middle
}

.pxl-logo-fixed {
    z-index: 99;
    position: fixed;
    transform: translateY(0);
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    width: 150px
}

@media(max-width:1820px) {
    .pxl-logo-fixed {
        left: 15px
    }
}

.pxl-logo-fixed.is-fixed {
    position: fixed;
    width: 50px;
    transform: translateY(-165px);
    z-index: 9999
}

.pxl-logo-fixed.is-fixed .pxl-logo-text {
    opacity: 0;
    margin-left: 0;
    transform: scale(0)
}

.pxl-logo-fixed a {
    display: inline-flex;
    align-items: center;
    position: relative;
    gap: 17px
}

.pxl-logo-fixed img {
    width: auto;
    vertical-align: middle
}

.pxl-logo-fixed .pxl-logo-text {
    color: #121212;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.15em;
    letter-spacing: -.4px;
    max-width: 100%;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    left: 100%;
    margin-left: 17px;
    transform: scale(1);
    opacity: 1;
    transform-origin: left
}

.pxl-text-editor .pxl-item--inner {
    display: inline-block
}

.pxl-text-editor p {
    margin-bottom: 30px
}

.pxl-text-editor p:last-child {
    margin-bottom: 0
}

.pxl-text-editor .pxl-text--highlight {
    color: var(--primary-color)
}

.pxl-link {
    list-style: none;
    margin: 0;
    padding: 0
}

.pxl-link a {
    display: inline-flex;
    font-size: 16px;
    color: #586563;
    position: relative
}

.pxl-link a:hover {
    color: var(--primary-color)
}

.pxl-link.type-vertical li+li {
    margin-top: 6px
}

.pxl-link.type-horizontal {
    display: flex;
    flex-wrap: wrap
}

.pxl-link.type-horizontal li {
    margin: 0 10px
}

.pxl-link.style-hover-divider a:before {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    background-color: var(--primary-color);
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -khtml-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -khtml-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -moz-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -ms-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    -o-transition: transform .3s cubic-bezier(.37, .31, .2, .85);
    transition: transform .3s cubic-bezier(.37, .31, .2, .85)
}

.pxl-link.style-hover-divider a:hover:before {
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -khtml-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.pxl-link.style-hover-divider2 a:before,
.pxl-link.style-hover-divider2 a:after {
    content: '';
    height: 1px;
    position: absolute;
    bottom: 2px;
    width: 0;
    background-color: var(--primary-color);
    -webkit-transition: width .3s cubic-bezier(.37, .31, .2, .85);
    -khtml-transition: width .3s cubic-bezier(.37, .31, .2, .85);
    -moz-transition: width .3s cubic-bezier(.37, .31, .2, .85);
    -ms-transition: width .3s cubic-bezier(.37, .31, .2, .85);
    -o-transition: width .3s cubic-bezier(.37, .31, .2, .85);
    transition: width .3s cubic-bezier(.37, .31, .2, .85)
}

.pxl-link.style-hover-divider2 a:before {
    left: 0
}

.pxl-link.style-hover-divider2 a:after {
    right: 0
}

.pxl-link.style-hover-divider2 a:hover:before,
.pxl-link.style-hover-divider2 a:hover:after {
    width: 50%
}

.pxl-link.style-box a {
    font-size: 18px;
    color: #080808;
    line-height: 1.6;
    padding: 10px 24px;
    background-color: #f5f5f5;
    display: block
}

@media screen and (max-width:991px) {
    .pxl-link.style-box a {
        font-size: 16px
    }
}

.pxl-link.style-box li+li {
    margin-top: 5px
}

.pxl-link.style-box li.active>a,
.pxl-link.style-box a:hover {
    background-color: var(--primary-color);
    color: #fff
}

.splitting .word,
.splitting .char {
    display: inline-block
}

@keyframes svg_text_outline {
    to {
        stroke-dashoffset: 0
    }
}

.pxl-heading .pxl-heading--inner {
    display: inline-block;
    position: relative
}

.pxl-heading.px-sub-title-default-style {
    position: relative
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner {
    position: relative
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--subtitle {
    font-size: 13px;
    color: #555;
    font-weight: 700;
    margin-bottom: 0;
    display: inline-block;
    text-transform: uppercase
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title {
    font-style: normal;
    font-weight: 500;
    line-height: 1.28;
    color: var(--link-color)
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title .pxl-title--highlight {
    color: #d5d5d5
}

.pxl-heading.px-sub-title-default-style .pxl-heading--inner .pxl-item--title .pxl-text-indent {
    margin-left: 99px
}

.pxl-heading.px-sub-title-icon-style {
    position: relative
}

.pxl-heading.px-sub-title-icon-style .pxl-heading--inner {
    position: relative
}

.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--subtitle {
    font-size: 12px;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 0;
    display: inline-flex;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    align-items: center;
    padding: 3px 13px 0 5px;
    gap: 12.039px;
    border-radius: 100px;
    border: 1px solid #a6dae5;
    margin-bottom: 9px
}

.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--subtitle .pxl-sub-icon {
    line-height: 1;
    animation: pxl_zigzag 1500ms ease-out infinite
}

.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--subtitle .pxl-sub-icon svg path {
    fill: var(--primary-color)
}

.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--title {
    font-style: normal;
    font-weight: 600;
    line-height: 1.08;
    color: var(--link-color)
}

.pxl-heading.px-sub-title-icon-style .pxl-heading--inner .pxl-item--title .pxl-title--highlight {
    color: var(--primary-color)
}

.pxl-heading .pxl-text--slide {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.pxl-heading .pxl-text--slide span {
    display: inline-block
}

.pxl-heading .pxl-item--title.style-outline {
    color: transparent !important;
    fill: transparent
}

.pxl-heading .pxl-item--title.style-outline .pxl-text-line-backdrop {
    position: relative;
    display: inline-flex;
    width: calc(100% + 9px)
}

.pxl-heading .pxl-item--title.style-outline .pxl-text-line-backdrop span {
    opacity: 0
}

.pxl-heading .pxl-item--title.style-outline .pxl-text-line-backdrop svg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    margin-top: 9px;
    stroke: var(--primary-color)
}

.pxl-heading .pxl-item--title.style-outline.TextOutlineAnimation.animated {
    stroke-dasharray: 2e3;
    stroke-dashoffset: 2e3;
    animation: svg_text_outline 6s linear forwards
}

.pxl-heading .pxl-item--title.style-shape {
    display: inline-flex;
    align-items: center
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape {
    min-width: 42px;
    width: 42px;
    height: 41px;
    display: inline-flex;
    position: relative
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:before,
.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:after {
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    border-radius: 0 31px 0 0
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:before {
    bottom: 0;
    left: 0;
    background-color: var(--primary-color)
}

.pxl-heading .pxl-item--title.style-shape .pxl-heading--shape:after {
    bottom: 10px;
    left: 11px;
    background-color: var(--secondary-color)
}

.pxl-heading .pxl-item--title.style-border {
    font-size: 72px;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding-left: 25px
}

.pxl-heading .pxl-item--title.style-border:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-radius: 2px;
    background-color: var(--gradient-color-from);
    width: 5px;
    height: 80%;
    transform: translate(0, -50%)
}

.pxl-heading .px-sub-title-primary {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 10px
}

.pxl-heading .pxl-title--highlight {
    color: var(--primary-color);
    display: inline-flex
}

.pxl-heading .pxl-title--highlight2 {
    color: rgba(35, 35, 35, .2);
    display: inline-flex
}

.pxl-heading .pxl-title--highlight3 {
    color: rgba(255, 255, 255, .3);
    display: inline-flex
}

.pxl-heading .pxl-image--highlight {
    width: 108px;
    height: 64px;
    border-radius: 64px;
    display: inline-flex;
    box-shadow: 0 0 5px rgba(12, 2, 2, .23)
}

.pxl-heading.highlight-text-image .pxl-title--highlight {
    background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -o-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-heading-content {
    display: grid
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
    font-size: 48px;
    font-weight: 500;
    background: linear-gradient(100deg, var(--gradient-color-from) .51%, var(--gradient-color-to) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inherit;
    position: relative;
    padding-left: 80px;
    line-height: 1.4;
    order: 2
}

@media(max-width:1280px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
        font-size: 40px
    }
}

@media(max-width:991px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
        font-size: 35px
    }
}

@media(max-width:480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle {
        font-size: 25px;
        padding-left: 50px
    }
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle:before {
    content: '';
    width: 60px;
    height: 10px;
    position: absolute;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #013bff 0%, #8be6fc 100%)
}

@media(max-width:480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--subtitle:before {
        width: 40px;
        height: 5px
    }
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    order: 1
}

@media(max-width:1280px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
        font-size: 68px
    }
}

@media(max-width:480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
        font-size: 55px
    }
}

@media(max-width:360px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title {
        font-size: 45px
    }
}

.pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
    font-style: inherit;
    font-size: 113px;
    background: linear-gradient(90deg, #013bff 0%, #8be6fc 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: .8
}

@media(max-width:1280px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
        font-size: 90px;
        line-height: 1
    }
}

@media(max-width:480px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
        font-size: 75px
    }
}

@media(max-width:360px) {
    .pxl-heading.px-sub-title-style1-style .pxl-heading--inner .pxl-item--title cite {
        font-size: 60px
    }
}

.pxl-heading.px-sub-title-style2-style .pxl-item--subtitle {
    font-size: 24px;
    font-weight: 700;
    display: inherit;
    margin-bottom: 28px
}

.pxl-heading.px-sub-title-style2-style .pxl-item--title {
    font-size: 72px;
    font-weight: 700;
    color: #000;
    line-height: 1;
    word-spacing: -5px
}

.pxl-heading.px-sub-title-style2-style .pxl-item--title cite {
    font-style: inherit;
    color: #009cff
}

.pxl-heading .px-sub-title-style4 {
    font-size: 24px;
    color: var(--link-color);
    font-weight: 700;
    font-family: inter;
    position: relative;
    text-align: center;
    display: inline-block;
    padding-left: 41px
}

.pxl-heading .px-sub-title-style4:before {
    content: '';
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/bg-sub-title1.png);
    background-position: 0 0;
    width: 127%;
    height: 130%;
    top: 58%;
    left: -15px;
    position: absolute;
    transform: translate(0, -50%);
    z-index: -1
}

.pxl-heading.px-sub-title-style3-style {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-heading--inner {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-heading--inner:hover .pxl-item--title span:before {
    left: 15px
}

.pxl-heading.px-sub-title-style3-style .pxl-heading--inner:hover .pxl-item--title span:after {
    left: 0
}

.pxl-heading.px-sub-title-style3-style .pxl-heading-content {
    display: grid
}

.pxl-heading.px-sub-title-style3-style .pxl-item--subtitle {
    order: 2;
    font-size: 60px;
    font-weight: 700;
    color: #000;
    line-height: 1
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    position: relative;
    font-family: inter, sans-serif;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title cite {
    color: #3594de;
    font-style: normal
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title span {
    position: relative;
    padding-left: 50px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg, var(--gradient-color-from) 30%, var(--gradient-color-to) 100%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: .6
}

.pxl-heading.px-sub-title-style3-style .pxl-item--title span:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: linear-gradient(50deg, var(--gradient-color-from) 30%, var(--gradient-color-to) 100%);
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: .6
}

.pxl-contact-info1 {
    position: relative
}

.pxl-contact-info1 .pxl-item--text {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    cursor: pointer
}

.pxl-contact-info1 .pxl-item--text span {
    background-repeat: no-repeat;
    background-position-y: -1px;
    background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color) 1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: .4s cubic-bezier(.215, .61, .355, 1)pxl-wide-menu-underline forwards
}

.pxl-contact-info1 .pxl-item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-contact-info1 .pxl-item--map {
    position: absolute;
    width: 280px;
    height: 240px;
    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%);
    visibility: hidden;
    z-index: 300
}

.pxl-contact-info1 .pxl-item--map iframe {
    width: 100%;
    height: 240px
}

.pxl-contact-info1:hover .pxl-item--text {
    color: var(--primary-color)
}

.pxl-contact-info1:hover .pxl-item--text span {
    animation: .4s cubic-bezier(.215, .61, .355, 1)pxl-wide-menu-underline-hover forwards
}

.pxl-contact-info1:hover .pxl-item--map {
    visibility: visible
}

.pxl-contact-info1:hover .pxl-item--map .pxl-map--inner {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-icon-list {}

.pxl-icon-list.icon-style1 {
    display: flex;
    align-items: center;
    gap: 20px
}

.pxl-icon-list.icon-style1 a {
    color: #fff;
    font-size: 14px;
    line-height: 1
}

.pxl-icon-list.icon-style1 a svg path {
    fill: #fff
}

.pxl-icon-list.icon-style2 {
    display: flex;
    align-items: center;
    gap: 10px
}

.pxl-icon-list.icon-style2 a {
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .1);
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px
}

.pxl-icon-list.icon-style2 a:hover {
    background-color: var(--primary-color);
    transform: translateY(-5px)
}

.pxl-icon-list.icon-style3 {
    display: flex;
    align-items: center;
    gap: 12px
}

.pxl-icon-list.icon-style3 a {
    border-radius: 50%;
    background-color: var(--primary-color);
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px
}

.pxl-icon-list.icon-style3 a:hover {
    background-color: var(--primary-color);
    transform: translateY(-5px)
}

.pxl-contact-form.btn-w-full .wpcf7-submit {
    width: 100%
}

.pxl-contact-form .wpcf7-heading {
    font-size: 24px;
    padding-top: 17px
}

.pxl-contact-form .wpcf7-acceptance {
    width: 100% !important;
    height: auto !important;
    border: none !important;
    padding: 0 !important
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 15px;
    color: #666;
    display: block
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item-label a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #cfcfcf
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--primary-color);
    text-decoration: none
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    position: relative;
    padding-left: 30px
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input,
.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    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%);
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    border-radius: 20px
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:before {
    z-index: 1;
    background-color: #f5f6f6;
    border: 1px solid rgba(0, 0, 0, .1)
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label:after {
    content: "\f112";
    font-family: caseicon;
    position: absolute;
    left: 5px;
    font-size: 10px;
    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%);
    color: #fff;
    z-index: 2;
    opacity: 0;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input {
    opacity: 0;
    z-index: 3
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input:checked+.wpcf7-list-item-label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-contact-form .wpcf7-acceptance .wpcf7-list-item input:checked+.wpcf7-list-item-label:after {
    opacity: 1
}

.pxl-contact-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
    position: relative
}

.pxl-contact-form .wpcf7-form-control-wrap .pxl--form-icon {
    position: absolute;
    right: 30px;
    -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%);
    top: 50%;
    font-size: 14px;
    color: #a0a0a0;
    z-index: 99
}

.pxl-contact-form .wpcf7-form-control-wrap .pxl--form-icon.top-spacer {
    top: 24px;
    -webkit-transform: translate(0, 0%);
    -khtml-transform: translate(0, 0%);
    -moz-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%)
}

.pxl-contact-form .pxl-icon-pos-right.pxl-form-date .wpcf7-form-control-wrap:after {
    display: none
}

.pxl-contact-form .wpcf7-not-valid-tip {
    font-size: 14px;
    margin-top: 6px;
    color: var(--link-color)
}

.pxl-contact-form .wpcf7-form {
    overflow: visible
}

.pxl-contact-form .wpcf7-form .wpcf7-response-output {
    margin: 10px 0 0;
    border-width: 1px;
    font-size: 16px;
    padding: 8px 16px;
    color: #000;
    font-weight: 500;
    border-color: var(--link-color) !important
}

.pxl-contact-form .pxl--item>p {
    margin: 0
}

.pxl-contact-form .pxl-form-label {
    color: #100900;
    font-size: 16px;
    display: block;
    margin-bottom: 15px;
    font-weight: 700
}

.pxl-contact-form .text-right>p {
    text-align: right
}

.pxl-contact-form .wpcf7-form-control.wpcf7-radio {
    background: 0 0 !important
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio {
    margin: -10px -7px 0;
    display: flex;
    flex-wrap: wrap
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item {
    padding: 0 7px;
    margin-top: 10px;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item>label {
    display: inline-flex;
    position: relative
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item>label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    font-size: 16px;
    font-weight: 500;
    color: #999a99;
    padding: 0 24px;
    line-height: 58px;
    position: relative;
    background-color: #202526;
    display: inline-flex;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-contact-form .pxl-radio--button .wpcf7-radio .wpcf7-list-item [type=radio]:checked+.wpcf7-list-item-label {
    box-shadow: 0 0 0 2px var(--primary-color)inset;
    color: #fff
}

.pxl-image-single {
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit
}

.pxl-image-single *,
.pxl-image-single img {
    -webkit-border-radius: inherit;
    -khtml-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    border-radius: inherit
}

.pxl-image-single img {
    width: auto
}

.pxl-image-single.pxl-hover1 .pxl-item--inner {
    position: relative;
    overflow: hidden
}

.pxl-image-single.pxl-hover1 .pxl-item--inner img {
    -webkit-transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    -khtml-transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    -moz-transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    -o-transition: transform 1.5s cubic-bezier(.19, 1, .22, 1);
    transition: transform 1.5s cubic-bezier(.19, 1, .22, 1)
}

.pxl-image-single.pxl-hover1 .pxl-item--inner:hover img {
    -webkit-transform: scale(1.06);
    -khtml-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
}

.pxl-image-single.pxl-hover2 .pxl-item--inner img {
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pxl-image-single.pxl-hover2 .pxl-item--inner:hover img {
    -webkit-transform: scale(.95);
    -khtml-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95)
}

.pxl-image-single.pxl-image-parallax .pxl-item--image {
    -webkit-transition: all 150ms linear 0ms;
    -khtml-transition: all 150ms linear 0ms;
    -moz-transition: all 150ms linear 0ms;
    -ms-transition: all 150ms linear 0ms;
    -o-transition: all 150ms linear 0ms;
    transition: all 150ms linear 0ms
}

@media screen and (max-width:767px) {
    .pxl-image-single.pxl-disable-parallax-sm {
        transform: none !important
    }
}

.pxl-image-single .pxl-service--icon {
    position: absolute;
    bottom: 28px;
    right: 30px;
    line-height: 1;
    font-size: 84px;
    color: var(--third-color);
    z-index: 9
}

.pxl-image-single .pxl-service--icon:before {
    content: '';
    width: 66px;
    height: 111px;
    border-radius: 200%;
    background-color: var(--third-color);
    opacity: .2;
    position: absolute;
    top: 50%;
    left: -26px;
    -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%);
    z-index: -1
}

.pxl-image-single .pxl-overlay-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-image-single .pxl-item--inner {
    position: relative
}

.pxl-image-tilt {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.pxl-image-tilt-active {
    overflow: hidden
}

.pxl-partner-carousel1 .pxl-item--logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.pxl-partner-carousel1 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-partner-carousel1 .pxl-swiper-container {
    margin: 0 -9px
}

.pxl-partner-carousel1 .pxl-swiper-container .pxl-swiper-slide {
    padding: 0 9px
}

.pxl-anchor-button.style-1 {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-anchor-button.style-1 i {
    display: inline-flex
}

.pxl-anchor-button.style-1:hover .pxl-dot {
    transform: rotateY(180deg)
}

.pxl-button-circle {
    width: 130px;
    min-width: 130px;
    display: inline-flex;
    height: 130px;
    background-color: var(--secondary-color);
    color: #fff;
    border-radius: 130px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
    text-align: center;
    z-index: 1
}

.pxl-button-circle i {
    font-weight: 400;
    font-size: 19px
}

.pxl-button-circle .pxl-text-inner span {
    display: block;
    width: 100%
}

.pxl-button-circle .pxl-overlay--color {
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: var(--primary-color);
    transform: translate(-50%, -50%);
    transition: width .5s, padding-top .5s;
    top: 55px;
    left: 35px
}

.pxl-button-circle:hover,
.pxl-button-circle:focus {
    color: #fff
}

.pxl-project-info1 {
    margin: 0 -26px;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .pxl-project-info1 {
        display: block
    }
}

.pxl-project-info1 .pxl--item {
    padding: 0 26px;
    margin-bottom: 26px;
    position: relative
}

.pxl-project-info1 .pxl--item+.pxl--item:before {
    content: '';
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    height: 42px;
    width: 1px;
    background-color: #c6c6c6;
    position: absolute
}

@media screen and (max-width:767px) {
    .pxl-project-info1 .pxl--item+.pxl--item:before {
        display: none
    }
}

.pxl-project-info1 label {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    display: block;
    margin-bottom: 6px
}

.pxl-project-info1 span {
    font-size: 14px;
    color: #646464;
    text-transform: uppercase
}

.pxl-logo-marquee1 {
    position: relative;
    overflow: hidden
}

.pxl-logo-marquee1 .pxl-item--marquee {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    opacity: 0
}

.pxl-logo-marquee1 .pxl-logo-hidden {
    flex-wrap: nowrap;
    opacity: 0;
    visibility: hidden;
    width: 5e4px
}

.pxl-logo-marquee1 .pxl-logo-active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-logo-marquee1 .pxl-logo-active .pxl-item--marquee {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width:1201px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .pxl-logo-marquee1 .col-xl-pxl5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.pxl-logo-marquee1.style-2 .pxl-item--logo img {
    opacity: .42;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-logo-marquee1.style-2 .pxl-item--logo:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.pxl-content-slip1>div {
    width: 50%
}

.pxl-content-slip1 .pxl-main-image {
    margin-bottom: 42px
}

@media screen and (min-width:768px) {
    .pxl-content-slip1 .pxl-main-image {
        display: none
    }
}

.pxl-content-slip1 .pxl-content-left {
    position: relative;
    height: 100vh;
    position: sticky;
    top: 0;
    left: 0
}

@media screen and (max-width:767px) {
    .pxl-content-slip1 .pxl-content-left {
        display: none
    }
}

.pxl-content-slip1 .pxl-content-left .pxl-item--image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-content-slip1 .pxl-content-left .pxl-item--image:not(.is-active) {
    opacity: 0
}

.pxl-content-slip1 .pxl-content-right {
    background-color: #01062e;
    padding: 172px 7.5% 180px
}

@media screen and (max-width:1200px) {
    .pxl-content-slip1 .pxl-content-right {
        padding: 120px 40px
    }
}

@media screen and (max-width:767px) {
    .pxl-content-slip1 .pxl-content-right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px
    }
}

.pxl-content-slip1 .pxl-content-right .pxl--item {
    margin-bottom: 135px;
    opacity: .5;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

@media screen and (max-width:767px) {
    .pxl-content-slip1 .pxl-content-right .pxl--item {
        opacity: 1
    }
}

.pxl-content-slip1 .pxl-content-right .pxl--item.is-active {
    opacity: 1
}

.pxl-content-slip1 .pxl-content-right .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-content-slip1 .pxl-item--title {
    margin-bottom: 28px;
    font-size: 36px;
    color: #fff
}

@media screen and (max-width:1200px) {
    .pxl-content-slip1 .pxl-item--title {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .pxl-content-slip1 .pxl-item--title {
        font-size: 24px
    }
}

.pxl-content-slip1 .pxl-item--desc {
    font-size: 18px;
    line-height: 1.66667;
    color: #90919a;
    max-width: 420px;
    margin-bottom: 42px
}

@media screen and (max-width:1200px) {
    .pxl-content-slip1 .pxl-item--desc {
        font-size: 17px
    }
}

.pxl-content-slip1 .pxl-item--feature {
    list-style: none;
    margin: 0 0 44px;
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .pxl-content-slip1 .pxl-item--feature {
        font-size: 16px
    }
}

.pxl-content-slip1 .pxl-item--feature li {
    display: flex;
    flex-wrap: nowrap
}

.pxl-content-slip1 .pxl-item--feature li+li {
    margin-top: 11px
}

.pxl-content-slip1 .pxl-item--feature i {
    color: var(--primary-color);
    font-size: 20px;
    position: relative;
    top: -2px
}

.pxl-content-slip1 .pxl-item--button .btn {
    font-size: 16px;
    line-height: 57px
}

.pxl-content-slip1 .pxl-item--button .btn::before {
    background-color: #fff
}

.pxl-content-slip1 .pxl-item--button .btn:hover,
.pxl-content-slip1 .pxl-item--button .btn:focus {
    color: #01062e
}

.pxl-content-listing1 {
    background-color: #fff;
    position: relative
}

.pxl-content-listing1 .pxl--divider {
    background-color: #d5d5d5;
    position: absolute
}

.pxl-content-listing1 .pxl--divider.pxl-divider--left {
    left: 0;
    top: 0;
    width: 1px;
    height: 100%
}

.pxl-content-listing1 .pxl--divider.pxl-divider--right {
    right: 0;
    top: 0;
    width: 1px;
    height: 100%
}

.pxl-content-listing1 .pxl--divider.pxl-divider--bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.pxl-content-listing1 .pxl--divider.pxl-divider--top {
    top: 0;
    left: 0;
    width: 100%;
    height: 1px
}

.pxl-content-listing1 .pxl-item--image {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(0, -50%)scale(.5);
    min-width: 182px;
    margin-left: 40px;
    z-index: 99;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    opacity: 0
}

.pxl-content-listing1 .pxl-item--image img {
    transform: translate(0, 0) !important
}

@media screen and (max-width:767px) {
    .pxl-content-listing1 .pxl-item--image {
        display: none
    }
}

.pxl-content-listing1 .pxl-item--number {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    width: 50px;
    min-width: 50px;
    padding-top: 4px
}

@media screen and (max-width:991px) {
    .pxl-content-listing1 .pxl-item--number {
        font-size: 15px;
        width: 40px;
        min-width: 40px
    }
}

.pxl-content-listing1 .pxl-item--title {
    margin-bottom: 8px;
    font-size: 22px;
    color: #01062e
}

@media screen and (max-width:991px) {
    .pxl-content-listing1 .pxl-item--title {
        font-size: 20px
    }
}

.pxl-content-listing1 .pxl-item--title a {
    color: inherit;
    background-image: linear-gradient(transparent calc(100% - 1px), #01062e 1px)
}

.pxl-content-listing1 .pxl-item--title a:hover {
    color: inherit
}

.pxl-content-listing1 .pxl-item--subtitle {
    font-size: 14px;
    color: #000
}

.pxl-content-listing1 .pxl-item--desc {
    font-size: 16px;
    line-height: 1.625;
    color: #545454;
    flex-grow: 1
}

@media screen and (max-width:991px) {
    .pxl-content-listing1 .pxl-item--desc {
        font-size: 15px
    }
}

@media screen and (max-width:767px) {
    .pxl-content-listing1 .pxl-item--desc {
        margin-bottom: 32px
    }
}

.pxl-content-listing1 .pxl-item--desc .pxl-desc--inner {
    max-width: 530px
}

.pxl-content-listing1 .pxl-item--button {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 99
}

.pxl-content-listing1 .pxl-item--button a {
    display: inline-flex;
    min-width: 54px;
    width: 54px;
    height: 47px;
    background-color: #fff;
    color: #000;
    font-size: 17px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 18px rgba(109, 109, 109, .13)
}

.pxl-content-listing1 .pxl-item--button a i {
    -webkit-transition: transform 300ms linear 0ms;
    -khtml-transition: transform 300ms linear 0ms;
    -moz-transition: transform 300ms linear 0ms;
    -ms-transition: transform 300ms linear 0ms;
    -o-transition: transform 300ms linear 0ms;
    transition: transform 300ms linear 0ms
}

.pxl-content-listing1 .pxl-item--button a:hover {
    background-color: #000;
    color: #fff
}

.pxl-content-listing1 .pxl-item--button a:hover i {
    transform: rotate(45deg)
}

.pxl-content-listing1 .pxl-title--wrap {
    position: relative;
    display: inline-block
}

.pxl-content-listing1 .pxl-item--holder {
    flex-wrap: nowrap;
    width: 35.5%;
    position: relative
}

@media screen and (max-width:1400px) {
    .pxl-content-listing1 .pxl-item--holder {
        width: 45%
    }
}

@media screen and (max-width:767px) {
    .pxl-content-listing1 .pxl-item--holder {
        width: 100%
    }
}

.pxl-content-listing1 .pxl-item--holder:before {
    content: '';
    height: 2px;
    width: calc(100% - 40px);
    background-color: #01062e;
    -webkit-transition: transform 300ms linear 0ms;
    -khtml-transition: transform 300ms linear 0ms;
    -moz-transition: transform 300ms linear 0ms;
    -ms-transition: transform 300ms linear 0ms;
    -o-transition: transform 300ms linear 0ms;
    transition: transform 300ms linear 0ms;
    position: absolute;
    top: -35px;
    left: 0;
    transform: scaleX(0);
    transform-origin: left center
}

@media screen and (max-width:767px) {
    .pxl-content-listing1 .pxl-item--holder:before {
        width: 100%
    }
}

.pxl-content-listing1 .pxl-item--right {
    width: 64.5%;
    flex-wrap: nowrap
}

@media screen and (max-width:1400px) {
    .pxl-content-listing1 .pxl-item--right {
        width: 55%
    }
}

@media screen and (max-width:767px) {
    .pxl-content-listing1 .pxl-item--right {
        width: 100%;
        padding-left: 40px;
        padding-top: 22px;
        display: block
    }
}

.pxl-content-listing1 .pxl--item {
    padding: 34px 45px 30px 38px;
    position: relative
}

@media screen and (max-width:1400px) {
    .pxl-content-listing1 .pxl--item {
        padding-left: 30px;
        padding-right: 20px
    }
}

@media screen and (max-width:1200px) {
    .pxl-content-listing1 .pxl--item {
        padding-right: 10px
    }
}

@media screen and (max-width:767px) {
    .pxl-content-listing1 .pxl--item {
        padding-left: 22px;
        padding-right: 22px;
        padding-bottom: 42px
    }
}

.pxl-content-listing1 .pxl--item:last-child {
    position: relative
}

.pxl-content-listing1 .pxl--item:last-child:before {
    content: '';
    height: 100px;
    position: absolute;
    z-index: 99;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', endColorStr='rgba(255, 255, 255, 0)');
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-content-listing1 .pxl--item:last-child:hover:before {
    opacity: 0;
    visibility: hidden
}

.pxl-content-listing1 .pxl--item:hover .pxl-item--image {
    transform: translate(0, -50%)scale(1);
    opacity: 1
}

.pxl-content-listing1 .pxl--item:hover .pxl-item--image img {
    -webkit-animation-name: pxlSkewIn;
    animation-name: pxlSkewIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pxl-content-listing1 .pxl--item:hover .pxl-item--holder:before {
    transform: scaleX(1)
}

.nicescroll-cursors {
    background-color: var(--primary-color) !important
}

.pxl-history1 {
    margin: 40px 0
}

.pxl-history1 .pxl-item--year {
    font-size: 70px;
    color: #dbdbdb;
    position: relative;
    font-weight: 700;
    line-height: 1
}

@media(max-width:1024px) {
    .pxl-history1 .pxl-item--year {
        font-size: 60px
    }
}

.pxl-history1 .pxl-item--title {
    margin-bottom: 32px;
    padding-bottom: 29px;
    font-size: 28px;
    font-weight: 600;
    margin-top: -23px;
    z-index: 1;
    position: relative
}

@media(max-width:1024px) {
    .pxl-history1 .pxl-item--title {
        font-size: 24px
    }
}

@media(max-width:880px) {
    .pxl-history1 .pxl-item--title {
        margin-bottom: 20px;
        padding-bottom: 25px
    }
}

.pxl-history1 .pxl-item--title:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 99%;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, #d9d9d9 0%, #fff 100%);
    position: absolute;
    z-index: -1
}

@media(max-width:767px) {
    .pxl-history1 .pxl-item--title:after {
        width: 100%
    }
}

.pxl-history1 .pxl-item--title span {
    position: absolute;
    bottom: -12px;
    right: -14px;
    width: 28px;
    height: 28px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media(max-width:767px) {
    .pxl-history1 .pxl-item--title span {
        display: none
    }
}

.pxl-history1 .pxl-item--title span:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #dbdbdb;
    border-radius: 50%;
    animation: pxl_pulse_border 1500ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1500ms ease-out infinite;
    z-index: 0;
    border-radius: inherit
}

.pxl-history1 .pxl-item--desc {
    font-size: 17px;
    color: #494949;
    margin-top: 15px;
    line-height: 1.77
}

@media(max-width:1024px) {
    .pxl-history1 .pxl-item--desc {
        font-size: 15px
    }
}

.pxl-history1 .pxl-item--image {
    display: flex;
    flex-wrap: wrap;
    padding-right: 72px
}

@media(max-width:1199px) {
    .pxl-history1 .pxl-item--image {
        padding-right: 50px
    }
}

@media(max-width:880px) {
    .pxl-history1 .pxl-item--image {
        padding-right: 30px
    }
}

@media screen and (max-width:767px) {
    .pxl-history1 .pxl-item--image {
        width: 100%;
        justify-content: center;
        padding-right: 0
    }
}

.pxl-history1 .pxl-item--meta {
    width: 50%;
    position: relative
}

.pxl-history1 .pxl-item--meta:before {
    content: '';
    height: 101%;
    width: 2px;
    background-color: #dbdbdb;
    position: absolute;
    top: 0;
    right: -1px
}

.pxl-history1 .pxl-item--meta .pxl-meta--inner {
    padding-top: 28px
}

@media(max-width:767px) {
    .pxl-history1 .pxl-item--meta .pxl-meta--inner {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .pxl-history1 .pxl-item--meta {
        width: 100%;
        padding: 0;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        padding-top: 50px
    }

    .pxl-history1 .pxl-item--meta:before {
        display: none
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-meta--inner {
    padding-top: 0;
    margin-top: -2px
}

@media(max-width:1199px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-meta--inner {
        margin-top: 0
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--image {
    justify-content: flex-start;
    padding-right: 0
}

@media screen and (max-width:767px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--image {
        padding: 0;
        justify-content: center
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title:after {
    right: 0;
    left: unset;
    background: linear-gradient(90deg, #fff 0%, #d9d9d9 100%);
    width: 113%
}

@media(max-width:1024px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title:after {
        width: 110%
    }
}

@media(max-width:880px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title:after {
        width: 105%
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span {
    right: unset;
    left: -85px;
    transform: rotate(-180deg)
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span:before {
    animation: pxl_pulse_border 1e3ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1e3ms ease-out infinite
}

@media(max-width:1024px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span {
        left: -65px
    }
}

@media(max-width:880px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--title span {
        left: -45px
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--holder {
    flex-direction: row-reverse
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
    padding-left: 71px;
    padding-top: 30px
}

@media(max-width:1024px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
        padding-left: 50px
    }
}

@media(max-width:880px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
        padding-left: 30px
    }
}

@media screen and (max-width:767px) {
    .pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta {
        max-width: 100%;
        padding-left: 0;
        padding-top: 50px
    }
}

.pxl-history1 .pxl-item--inner.pxl-item--even .pxl-item--meta:before {
    right: auto;
    left: -1px
}

.pxl-history1 .slick-arrow {
    color: #fff;
    font-size: 9px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -1px;
    transform: translate(-50%, 0%);
    cursor: pointer
}

.pxl-history1 .slick-arrow.slick-disabled {
    cursor: no-drop
}

.pxl-history1 .slick-arrow.slick-prev {
    top: -14px
}

.pxl-history1 .slick-arrow.slick-next {
    bottom: -15px
}

.pxl-image-box-carousel1 .pxl-item--title {
    display: inline-flex;
    font-size: 48px;
    line-height: 1.0899;
    margin-bottom: 42px
}

@media screen and (max-width:1200px) {
    .pxl-image-box-carousel1 .pxl-item--title {
        font-size: 42px
    }
}

@media screen and (max-width:991px) {
    .pxl-image-box-carousel1 .pxl-item--title {
        font-size: 32px
    }
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape {
    min-width: 42px;
    width: 42px;
    height: 41px;
    display: inline-flex;
    position: relative;
    top: 4px
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:before,
.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:after {
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    border-radius: 0 31px 0 0
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:before {
    bottom: 0;
    left: 0;
    background-color: var(--primary-color)
}

.pxl-image-box-carousel1 .pxl-item--title .pxl-heading--shape:after {
    bottom: 10px;
    left: 11px;
    background-color: var(--secondary-color)
}

.pxl-image-box-carousel1 .pxl-item--description {
    font-size: 18px;
    color: #4f4f4f;
    line-height: 1.66667;
    margin-bottom: 43px
}

@media screen and (max-width:1200px) {
    .pxl-image-box-carousel1 .pxl-item--description {
        font-size: 17px
    }
}

@media screen and (max-width:991px) {
    .pxl-image-box-carousel1 .pxl-item--description {
        font-size: 16px
    }
}

.pxl-image-box-carousel1 .pxl-item--buttons .pxl-item--buton.btn-text-more1 {
    margin-right: 34px
}

@media screen and (max-width:991px) {
    .pxl-image-box-carousel1 .pxl-item--buttons .pxl-item--buton.btn-text-more1 {
        margin-right: 24px
    }
}

@media screen and (max-width:767px) {
    .pxl-image-box-carousel1 .pxl-item--buttons .pxl-item--buton {
        margin-bottom: 20px
    }
}

.pxl-image-box-carousel1 .pxl-item--left {
    width: 50%;
    position: relative
}

@media screen and (max-width:767px) {
    .pxl-image-box-carousel1 .pxl-item--left {
        width: 100%;
        min-height: 360px
    }
}

.pxl-image-box-carousel1 .pxl-item--left .pxl-item--image {
    position: absolute;
    top: -61px;
    bottom: -61px;
    right: 0;
    left: 75px
}

@media screen and (max-width:1200px) {
    .pxl-image-box-carousel1 .pxl-item--left .pxl-item--image {
        left: 60px
    }
}

@media screen and (max-width:767px) {
    .pxl-image-box-carousel1 .pxl-item--left .pxl-item--image {
        left: 0;
        top: 0;
        bottom: 0
    }
}

.pxl-image-box-carousel1 .pxl-item--content {
    width: 50%;
    padding: 76px 75px 77px
}

@media screen and (max-width:1200px) {
    .pxl-image-box-carousel1 .pxl-item--content {
        padding: 42px 30px
    }
}

@media screen and (max-width:767px) {
    .pxl-image-box-carousel1 .pxl-item--content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.pxl-image-box-carousel1 .pxl-item--inner {
    background-color: #fff;
    margin-top: 61px;
    margin-bottom: 61px;
    border-top: 6px solid var(--primary-color);
    -webkit-box-shadow: 0 0 18px rgba(109, 109, 109, .13);
    -khtml-box-shadow: 0 0 18px rgba(109, 109, 109, .13);
    -moz-box-shadow: 0 0 18px rgba(109, 109, 109, .13);
    -ms-box-shadow: 0 0 18px rgba(109, 109, 109, .13);
    -o-box-shadow: 0 0 18px rgba(109, 109, 109, .13);
    box-shadow: 0 0 18px rgba(109, 109, 109, .13)
}

@media screen and (max-width:767px) {
    .pxl-image-box-carousel1 .pxl-item--inner {
        margin-bottom: 30px
    }
}

.pxl-image-box-carousel1 .pxl-swiper-arrow-wrap {
    margin: 0;
    position: absolute;
    bottom: 61px;
    left: 0;
    z-index: 99
}

@media screen and (max-width:1200px) {
    .pxl-image-box-carousel1 .pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow {
        font-size: 18px;
        width: 60px;
        min-width: 60px;
        height: 60px
    }
}

@media screen and (max-width:767px) {
    .pxl-image-box-carousel1 .pxl-swiper-arrow-wrap {
        position: static
    }
}

.btn-text-more1,
.btn-text-more2 {
    font-size: 16px;
    color: #01062e;
    font-weight: 700;
    display: inline-flex;
    line-height: 27px;
    position: relative;
    z-index: 99
}

@media screen and (max-width:991px) {

    .btn-text-more1,
    .btn-text-more2 {
        font-size: 15px
    }
}

.btn-text-more1 i,
.btn-text-more2 i {
    opacity: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    -webkit-transform: translateX(-10px);
    -khtml-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.btn-text-more1:hover i,
.btn-text-more2:hover i {
    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)
}

.btn-text-more1 {
    color: var(--primary-color)
}

.btn-text-more1 .pxl-item--text {
    position: relative
}

.btn-text-more1 .pxl-item--text:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 2px;
    left: 0
}

.btn-text-more1:hover {
    color: var(--primary-color)
}

.btn-text-more2 .pxl-item--text {
    position: relative
}

.btn-text-more2 .pxl-item--text:before {
    content: '';
    height: 1px;
    width: 0%;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 2px;
    left: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.btn-text-more2:hover {
    color: var(--primary-color)
}

.btn-text-more2:hover .pxl-item--text:before {
    width: 100%
}

.pxl-info-box1 .pxl-item--inner {
    padding: 35px 30px 45px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between
}

@media screen and (max-width:767px) {
    .pxl-info-box1 .pxl-item--inner {
        padding: 20px
    }
}

.pxl-info-box1 .pxl-sub-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 12px
}

.pxl-info-box1 .pxl-title {
    margin-bottom: 17px;
    font-size: 26px;
    line-height: 1.23
}

.pxl-info-box1 .pxl-desc {
    color: #525252;
    font-size: 16px;
    line-height: 1.625;
    margin-bottom: 32px
}

.pxl-info-box1 .pxl-button a {
    font-size: 15px;
    font-weight: 700;
    color: #525252;
    display: inline-flex;
    padding: 0 20px;
    line-height: 39px;
    border: 2px solid #b2b2b2
}

.pxl-info-box1 .pxl-button a:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pxl-info-box1 .pxl-item--top {
    width: 100%
}

.pxl-client-box1 {
    background-color: #fff;
    padding: 21px 28px 21px 20px;
    border-radius: 20px;
    box-shadow: 0 0 18px rgba(109, 109, 109, .13)
}

.pxl-client-box1 .pxl-item--images {
    display: flex;
    flex-wrap: nowrap;
    padding-left: 32px
}

.pxl-client-box1 .pxl-item--images .pxl-item--img {
    width: 83px;
    min-width: 83px;
    margin-left: -32px
}

@media screen and (max-width:1200px) {
    .pxl-client-box1 .pxl-item--images .pxl-item--img {
        width: 70px;
        min-width: 70px
    }
}

.pxl-client-box1 .pxl-item--images .pxl-item--img img {
    border-radius: 83px
}

.pxl-client-box1 .pxl-counter--number {
    display: inline-flex;
    line-height: 1;
    font-size: 36px;
    font-weight: 700;
    color: #01062e;
    margin-bottom: 4px
}

@media screen and (max-width:1200px) {
    .pxl-client-box1 .pxl-counter--number {
        font-size: 30px
    }
}

.pxl-client-box1 .pxl-item--title {
    font-size: 20px;
    color: #6c6c6c;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.2
}

@media screen and (max-width:1200px) {
    .pxl-client-box1 .pxl-item--title {
        font-size: 16px
    }
}

.pxl-client-box1 .pxl-item--inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-anchor-link-scroll {
    width: 194px;
    height: 194px;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0 0 18px rgba(109, 109, 109, .13);
    border-radius: 194px
}

.pxl-anchor-link-scroll:before {
    content: '';
    border: 48px solid #fff;
    border-radius: 194px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    box-shadow: 0 0 18px rgba(109, 109, 109, .13)inset
}

.pxl-anchor-link-scroll a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.pxl-anchor-link-scroll .pxl-anchor-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pxl_scroll_bottom_effect 1s ease infinite alternate;
    font-size: 30px
}

.pxl-anchor-link-scroll .pxl-anchor-icon i {
    transform: rotate(135deg)
}

.pxl-anchor-link-scroll .pxl-anchor-text {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #01062e;
    animation: pxl_spin_text 12s linear infinite
}

.pxl-anchor-link-scroll .pxl-anchor-text svg {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: visible;
    fill: transparent;
    height: 134px;
    width: 134px
}

.pxl-anchor-link-scroll .pxl-anchor-text svg.pxl-anchor-svg1 {
    transform: translate(-50%, -50%)rotate(-120deg)
}

.pxl-anchor-link-scroll .pxl-anchor-text svg.pxl-anchor-svg2 {
    transform: translate(-50%, -50%)rotate(59deg)
}

.pxl-anchor-link-scroll .pxl-anchor-text text {
    fill: #01062e
}

.pxl-anchor-link-scroll .pxl-anchor-dots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 113px;
    height: 113px
}

.pxl-anchor-link-scroll .pxl-anchor-dots:before,
.pxl-anchor-link-scroll .pxl-anchor-dots:after {
    content: '';
    height: 11px;
    width: 11px;
    border-radius: 11px;
    background-color: var(--third-color);
    position: absolute
}

.pxl-anchor-link-scroll .pxl-anchor-dots:before {
    top: 0;
    left: 0
}

.pxl-anchor-link-scroll .pxl-anchor-dots:after {
    bottom: 0;
    right: 0
}

@-ms-keyframes pxl_spin_text {
    from {
        -ms-transform: rotate(0)
    }

    to {
        -ms-transform: rotate(-360deg)
    }
}

@-moz-keyframes pxl_spin_text {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(-360deg)
    }
}

@-webkit-keyframes pxl_spin_text {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes pxl_spin_text {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.pxl-list1 {}

.pxl-list1.style-default {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 33px
}

.pxl-list1.style-default .pxl--item .pxl-item-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-style: normal;
    letter-spacing: .08362px;
    color: #fff
}

.pxl-list1.style-default .pxl--item .pxl-item-link .pxl-item--icon {
    color: #fff;
    line-height: 1
}

.pxl-list1.style-default .pxl--item .pxl-item-link .pxl-item--icon svg {
    height: 17px;
    width: auto
}

.pxl-list1.style-default .pxl--item .pxl-item-link .pxl-item--icon svg path {
    fill: #fff
}

.pxl-list1.style2 .pxl--item {
    margin-bottom: 5px
}

.pxl-list1.style2 .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-list1.style2 .pxl--item .pxl-item-link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    letter-spacing: .1px;
    font-weight: 400;
    color: var(--link-color)
}

.pxl-list1.style2 .pxl--item .pxl-item-link .pxl-item--icon {
    line-height: 1
}

.pxl-search-form .pxl-search-field {
    font-size: 32px;
    color: #222;
    padding: 0;
    border: none;
    background-color: initial;
    height: 58px;
    font-weight: 500
}

.pxl-search-form .pxl-search-submit {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 58px;
    padding: 0;
    border: none;
    box-shadow: none;
    width: 58px;
    color: var(--primary-color);
    background: 0 0;
    font-size: 26px;
    margin: 0 -15px;
    background: 0 0
}

.pxl-search-form .pxl-search-submit:hover,
.pxl-search-form .pxl-search-submit:focus {
    color: var(--primary-color);
    background: 0 0
}

.pxl-search-form .pxl-searchform-divider {
    background-color: rgba(0, 0, 0, .38);
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 1px;
    transform-origin: left center
}

.pxl-search-form .pxl-searchform-wrap {
    position: relative
}

.pxl-col-line1:before {
    content: '';
    width: 1px;
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: #cfcdc9
}

@media screen and (max-width:767px) {
    .pxl-col-line1:before {
        display: none
    }
}

.pxl-col-line2:before {
    content: '';
    width: 1px;
    left: 3px;
    position: absolute;
    bottom: 0;
    height: 100%;
    background-color: #cfcdc9
}

@media screen and (max-width:767px) {
    .pxl-col-line2:before {
        display: none
    }
}

.pxl-process-1 .pxl--number {
    position: absolute;
    left: -33px;
    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%);
    width: 66px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
    border-radius: 100%;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    z-index: 2
}

.pxl-process-1 .pxl--title {
    font-size: 22px;
    margin-bottom: 13px
}

@media screen and (max-width:991px) {
    .pxl-process-1 .pxl--title {
        font-size: 18px
    }
}

.pxl-process-1 .pxl--desc {
    color: #4a4a4a
}

@media screen and (max-width:991px) {
    .pxl-process-1 .pxl--desc {
        font-size: 16px
    }
}

.pxl-process-1 .pxl--item {
    background-color: #f5f5f5;
    padding: 27px 40px 27px 70px;
    position: relative;
    margin-left: 33px
}

@media screen and (max-width:767px) {
    .pxl-process-1 .pxl--item {
        padding-right: 30px;
        padding-left: 50px
    }
}

.pxl-process-1 .pxl--item:before {
    z-index: 1;
    content: '';
    height: 0;
    left: 0;
    margin: auto;
    width: 7px;
    background-color: var(--primary-color);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: absolute;
    top: 0;
    bottom: 0
}

.pxl-process-1 .pxl--item+.pxl--item {
    margin-top: 27px
}

.pxl-process-1 .pxl--item:hover:before {
    height: 100%
}

.pxl-process-1 .pxl--item:hover .pxl--number {
    background-color: #d7d7d7;
    color: #000
}

.pxl-download-link-1 .pxl--title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 2px
}

.pxl-download-link-1 .pxl--size {
    font-size: 14px;
    line-height: normal;
    color: #666
}

.pxl-download-link-1 .pxl--meta {
    flex-grow: 1
}

.pxl-download-link-1 .pxl-icon-file,
.pxl-download-link-1 .pxl-icon-download {
    width: 33px;
    height: 42px;
    background-color: var(--primary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff
}

.pxl-download-link-1 .pxl-icon-download {
    font-size: 17px
}

.pxl-download-link-1 .pxl--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-download-link-1 .pxl--item {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background-color: #f5f5f5;
    padding: 8px;
    position: relative;
    align-items: center
}

.pxl-download-link-1 .pxl--item+.pxl--item {
    margin-top: 32px
}

.pxl-contact1 .pxl-item--icon {
    margin-right: 15px;
    min-width: 47px;
    width: 47px;
    height: 47px;
    background-color: var(--primary-color);
    border-radius: 47px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: #000
}

.pxl-contact1 .pxl-item--subtitle {
    font-size: 15px;
    font-style: italic;
    line-height: 1.2;
    margin-bottom: -2px
}

.pxl-contact1 .pxl-item--title {
    margin-bottom: 0;
    font-size: 27px;
    line-height: 1.2
}

.pxl-contact1 .pxl-item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-contact1 .pxl-item--inner {
    align-items: center;
    flex-wrap: nowrap;
    position: relative
}

.pxl--hide-arrow .pxl-swiper-arrow-wrap {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-vertical>.pxl-swiper-wrapper {
    flex-direction: column
}

.swiper-vertical.swiper-backface-hidden .pxl-swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: auto !important
}

.swiper-filter-active .non-swiper-slide {
    display: none
}

.swiper-filter-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.swiper-filter-wrap .filter-item {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 24px;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.swiper-filter-wrap .filter-item:before {
    content: '';
    width: 11px;
    height: 41px;
    -webkit-border-radius: 11px;
    -khtml-border-radius: 11px;
    -moz-border-radius: 11px;
    -ms-border-radius: 11px;
    -o-border-radius: 11px;
    border-radius: 11px;
    background-color: #f4f4f4;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%)scaleY(0);
    -khtml-transform: translate(-50%, -50%)scaleY(0);
    -moz-transform: translate(-50%, -50%)scaleY(0);
    -ms-transform: translate(-50%, -50%)scaleY(0);
    -o-transform: translate(-50%, -50%)scaleY(0);
    transform: translate(-50%, -50%)scaleY(0);
    opacity: 0;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    z-index: -1
}

.swiper-filter-wrap .filter-item span {
    color: #010927;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.swiper-filter-wrap .filter-item.active {
    color: var(--primary-color)
}

.swiper-filter-wrap .filter-item.active:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%)scaleY(1);
    -khtml-transform: translate(-50%, -50%)scaleY(1);
    -moz-transform: translate(-50%, -50%)scaleY(1);
    -ms-transform: translate(-50%, -50%)scaleY(1);
    -o-transform: translate(-50%, -50%)scaleY(1);
    transform: translate(-50%, -50%)scaleY(1)
}

.pxl-swiper-slider .pxl-post--image img,
.pxl-swiper-slider .pxl-post--featured img {
    width: 100%
}

.pxl-swiper-slider .pxl-post--title a,
.pxl-swiper-slider .pxl-post--category a {
    color: inherit
}

.pxl-swiper-slider .pxl-post--title a:hover,
.pxl-swiper-slider .pxl-post--category a:hover {
    color: inherit
}

.pxl-swiper-arrow-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.pxl-swiper-arrow-wrap .pxl-arrow-label {
    font-size: 16px;
    color: #878787;
    margin-bottom: 10px;
    margin-top: 10px
}

.pxl-swiper-arrow-wrap .pxl-swiper-arrow-prev i {
    transform: rotate(180deg)
}

.pxl-swiper-arrow-wrap.style-1 {
    justify-content: flex-start;
    margin: 30px 0 0;
    gap: 17px
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow {
    height: 52px;
    width: 52px;
    min-width: 52px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-color);
    font-size: 13px
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow svg path {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    stroke: var(--primary-color)
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow:hover svg path {
    stroke: #fff
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow {
    width: 75px;
    min-width: 75px;
    height: 70px;
    color: #fff;
    background-color: var(--primary-color);
    font-size: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    font-weight: 400
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    transform: scaleX(-1)
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow.pxl-swiper-arrow-next {
    background-color: #fff;
    color: #000
}

.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow {
    width: 59px;
    height: 65px;
    border-radius: 20px;
    background-color: #e7e7e7;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #382c4d;
    font-size: 24px;
    position: relative;
    z-index: 1
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow i {
    display: inline-flex
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-color: var(--gradient-color-from);
    background-image: -webkit-gradient(linear, right top, left top, from(var(--gradient-color-from)), to(var(--gradient-color-to)));
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)', gradientType='1');
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow:hover {
    color: #fff
}

.pxl-swiper-arrow-wrap.style-3 .pxl-swiper-arrow:hover:before {
    opacity: 1
}

.pxl-container-dots {
    text-align: center;
    margin-top: 41px
}

.pxl-swiper-dots.pxl-swiper-pagination-bullets span {
    display: inline-flex;
    cursor: pointer;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-swiper-dots.pxl-swiper-pagination-progressbar {
    height: 1px;
    background-color: #454545;
    width: 100%;
    position: relative;
    margin-top: 45px
}

.pxl-swiper-dots.pxl-swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 3px;
    background-color: var(--primary-color);
    display: inline-flex;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left top
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 16px
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    background-color: #d5d5d5;
    border-radius: 0;
    margin: 0 5px
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--link-color)
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-fraction {
    margin-top: 34px;
    font-size: 0;
    color: #797979;
    font-weight: 700;
    text-align: center;
    position: relative;
    z-index: 1
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-fraction:before {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #bbb;
    position: absolute;
    top: 50%;
    left: 50%;
    -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%);
    z-index: -1
}

.pxl-swiper-dots.style-1.pxl-swiper-pagination-fraction span {
    display: inline-flex;
    margin: 0 36px;
    font-size: 22px
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets {
    position: relative;
    z-index: 99;
    margin-top: 43px;
    text-align: center
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    background-color: initial;
    border-radius: 50%;
    margin: 0 11px;
    position: relative
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #a6dae5;
    width: 7px;
    height: 7px;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-swiper-dots.style-2.pxl-swiper-pagination-bullets .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    background-color: var(--primary-color);
    width: 11px;
    height: 11px
}

.pxl-swiper-dots.style-3 {
    background-color: rgba(57, 57, 57, .141);
    border-radius: 6px;
    display: inline-flex;
    z-index: 99;
    position: relative
}

.pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet {
    height: 13px;
    width: 170px;
    padding: 0;
    border-radius: 6px;
    background-color: unset
}

.pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--primary-color)
}

@media(max-width:991px) {
    .pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet {
        width: 80px
    }
}

@media(max-width:676px) {
    .pxl-swiper-dots.style-3 .pxl-swiper-pagination-bullet {
        width: 50px
    }
}

.pxl-grid .pxl-post--featured,
.pxl-post-carousel .pxl-post--featured,
.pxl-post-modern .pxl-post--featured {
    position: relative
}

.pxl-grid .pxl-post--link,
.pxl-post-carousel .pxl-post--link,
.pxl-post-modern .pxl-post--link {
    z-index: 99
}

.pxl-grid .pxl-post--image img,
.pxl-post-carousel .pxl-post--image img,
.pxl-post-modern .pxl-post--image img,
.pxl-grid .pxl-post--featured img,
.pxl-post-carousel .pxl-post--featured img,
.pxl-post-modern .pxl-post--featured img {
    width: 100%
}

.pxl-grid .pxl-post--title a,
.pxl-post-carousel .pxl-post--title a,
.pxl-post-modern .pxl-post--title a {
    color: inherit
}

.pxl-grid .pxl-post--title a:hover,
.pxl-post-carousel .pxl-post--title a:hover,
.pxl-post-modern .pxl-post--title a:hover {
    color: inherit
}

.pxl-grid .pxl-post--category,
.pxl-post-carousel .pxl-post--category,
.pxl-post-modern .pxl-post--category {
    position: relative
}

.pxl-grid .pxl-post--category.link-none:before,
.pxl-post-carousel .pxl-post--category.link-none:before,
.pxl-post-modern .pxl-post--category.link-none:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-grid .pxl-post--category a,
.pxl-post-carousel .pxl-post--category a,
.pxl-post-modern .pxl-post--category a {
    color: inherit
}

.pxl-grid.pxl-grid-nogap .pxl-grid-masonry,
.pxl-post-carousel.pxl-grid-nogap .pxl-grid-masonry,
.pxl-post-modern.pxl-grid-nogap .pxl-grid-masonry {
    margin: 0 !important
}

.pxl-grid.pxl-grid-nogap .pxl-grid-masonry .pxl-grid-item,
.pxl-post-carousel.pxl-grid-nogap .pxl-grid-masonry .pxl-grid-item,
.pxl-post-modern.pxl-grid-nogap .pxl-grid-masonry .pxl-grid-item {
    padding: 0 !important
}

.pxl-grid.pxl-grid-nogap .pxl-grid-masonry .pxl-post--inner,
.pxl-post-carousel.pxl-grid-nogap .pxl-grid-masonry .pxl-post--inner,
.pxl-post-modern.pxl-grid-nogap .pxl-grid-masonry .pxl-post--inner {
    margin-bottom: 0
}

.pxl-load-more .pxl-load-icon {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    border-color: transparent #fff transparent #fff;
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    animation: pxl_spin .6s infinite linear;
    -webkit-animation: pxl_spin .6s infinite linear;
    box-sizing: border-box;
    z-index: 2;
    margin-top: -10px;
    opacity: 0
}

.pxl-load-more .pxl-loadmore-text {
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-load-more.loading .pxl-load-icon {
    opacity: 1
}

.pxl-load-more.loading i {
    opacity: .5
}

.pxl-load-more.loading .pxl-loadmore-text {
    opacity: .5
}

.pxl-grid-filter .filter-item {
    cursor: pointer;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: relative
}

.pxl-grid-filter .pxl--filter-inner {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 20px
}

.pxl-grid-filter.pxl-grid-filter1 {
    position: relative;
    text-align: center;
    margin-bottom: 44px
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item {
    color: #000137;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    line-height: 1.25;
    padding: 27.3px 0;
    letter-spacing: .1px;
    flex-direction: column;
    text-align: center;
    display: inline-flex;
    gap: 5px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    align-items: center;
    width: 201px
}

@media(max-width:575px) {
    .pxl-grid-filter.pxl-grid-filter1 .filter-item {
        width: 100%
    }
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item .pxl-icon-filter {
    line-height: 1
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item .pxl-icon-filter svg path {
    fill: #03045e;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item .pxl-icon-filter .pxl-ambulance1 path {
    fill: none;
    stroke: #03045e
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item .pxl-icon-filter .pxl-ambulance1 mask path {
    fill: #fff
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item .pxl-title-filter {
    max-width: 71%
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item.active {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item.active .pxl-icon-filter svg path {
    fill: #fff
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item.active .pxl-icon-filter .pxl-ambulance1 path {
    fill: none;
    stroke: #fff
}

.pxl-grid-filter.pxl-grid-filter1 .filter-item.active .pxl-icon-filter .pxl-ambulance1 mask path {
    fill: #fff
}

.pxl-grid-filter.pxl-grid-filter2 {
    position: relative;
    text-align: center;
    margin-bottom: 20px
}

.pxl-grid-filter.pxl-grid-filter2 .pxl--filter-inner {
    gap: 15px
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item {
    color: rgba(11, 16, 48, .7);
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    border: 1px solid rgba(11, 16, 48, .2);
    font-style: normal;
    line-height: 1.25;
    padding: 8px 30px;
    flex-direction: column;
    text-align: center;
    display: inline-flex;
    gap: 15px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    align-items: center
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item .pxl-icon-filter {
    line-height: 1
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item .pxl-icon-filter svg path {
    fill: #03045e;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item .pxl-icon-filter .pxl-ambulance1 path {
    fill: none;
    stroke: #03045e
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item .pxl-icon-filter .pxl-ambulance1 mask path {
    fill: #fff
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item .pxl-title-filter {
    max-width: 71%
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item.active {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item.active .pxl-icon-filter svg path {
    fill: #fff
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item.active .pxl-icon-filter .pxl-ambulance1 path {
    fill: none;
    stroke: #fff
}

.pxl-grid-filter.pxl-grid-filter2 .filter-item.active .pxl-icon-filter .pxl-ambulance1 mask path {
    fill: #fff
}

.title-hover-line a {
    background-repeat: no-repeat;
    background-position-y: -5px;
    background-image: linear-gradient(transparent calc(100% - 1px), var(--link-color-hover) 1px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: .6s cubic-bezier(.215, .61, .355, 1)pxl-wide-menu-underline forwards
}

.title-hover-line a:hover {
    animation: .6s cubic-bezier(.215, .61, .355, 1)pxl-wide-menu-underline-hover forwards
}

.pxl-blog-grid1 .pxl-post--inner {
    margin-bottom: 45px
}

.pxl-post-carousel1 .pxl-swiper-container,
.pxl-blog-grid1 .pxl-swiper-container {
    margin: 0 -20px
}

.pxl-post-carousel1 .pxl-swiper-slide,
.pxl-blog-grid1 .pxl-swiper-slide {
    padding: 0 20px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured,
.pxl-blog-grid1 .pxl-post--inner .pxl-post--featured {
    position: relative;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured .pxl-post--category,
.pxl-blog-grid1 .pxl-post--inner .pxl-post--featured .pxl-post--category {
    position: absolute;
    left: 15px;
    bottom: 16px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-post--featured .pxl-post--category a,
.pxl-blog-grid1 .pxl-post--inner .pxl-post--featured .pxl-post--category a {
    display: inline-block;
    background-color: var(--link-color);
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    font-size: 12px;
    letter-spacing: .1px;
    color: #fff;
    font-weight: 400;
    line-height: 1.2;
    padding: 8px 24px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content {
    padding-top: 17px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .post-list,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .post-list {
    margin-bottom: 19px;
    display: flex;
    align-items: center;
    gap: 26px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .post-list li,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .post-list li {
    list-style: none;
    color: var(--link-color);
    font-size: 14px;
    line-height: 1.2;
    position: relative
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .post-list li:after,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .post-list li:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translate(0, -50%);
    width: 6px;
    height: 6px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .post-list li:last-child:after,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .post-list li:last-child:after {
    display: none
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .post-list li a,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .post-list li a {
    color: var(--link-color);
    font-size: 14px;
    line-height: 1.2
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .post-list li a:hover,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .post-list li a:hover {
    color: var(--primary-color)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--title,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--title {
    line-height: 1.454;
    font-weight: 600;
    margin-bottom: 27px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--title a,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--title a {
    line-height: 1.454;
    text-shadow: 0 0 0 rgba(0, 0, 0, .3);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--title a:hover,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--title a:hover {
    color: var(--primary-color)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    gap: 11px
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post:hover .pxl-icon-button,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post:hover .pxl-icon-button {
    transform: rotate(45deg)
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post .pxl-icon-button,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post .pxl-icon-button {
    line-height: 1;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms
}

.pxl-post-carousel1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post .pxl-icon-button svg path,
.pxl-blog-grid1 .pxl-post--inner .pxl-item-content .pxl-post--readmore .btn-post .pxl-icon-button svg path {
    fill: var(--primary-color)
}

.pxl-portfolio-grid-layout1 .pxl-post--inner {
    position: relative;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: -100%;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    background-color: rgba(11, 16, 48, .8);
    text-align: center;
    align-content: center;
    padding: 30px
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-hover-bg-link {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-category a {
    color: #fff;
    background-color: var(--primary-color);
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 30px;
    border-radius: 30px
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-post--title {
    letter-spacing: 0;
    font-size: 26px;
    line-height: 2.25rem;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-post--title a {
    color: #fff
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-post--title a:hover {
    color: var(--primary-color)
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-item--content {
    color: #fff;
    position: relative;
    padding-top: 18px
}

.pxl-portfolio-grid-layout1 .pxl-post--inner .pxl-hover-bg-boxes .pxl-item--content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 120px;
    height: 1px;
    background-color: #fff
}

.pxl-portfolio-grid-layout1 .pxl-load-more {
    padding: 0;
    margin-top: 15px
}

.pxl-portfolio-grid-layout1 .pxl-load-more .btn {
    display: block;
    padding: 0 30px !important;
    line-height: 58px
}

.pxl-portfolio-carousel1 .pxl-grid-filter {
    text-align: right;
    margin-right: 49px;
    padding: 23px 40px 22px;
    margin-bottom: 30px
}

@media(max-width:1366px) {
    .pxl-portfolio-carousel1 .pxl-grid-filter {
        text-align: left;
        margin-right: 0;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .pxl-portfolio-carousel1 .pxl-grid-filter {
        margin-right: 0
    }

    .pxl-portfolio-carousel1 .pxl-grid-filter .pxl--filter-inner {
        gap: 10px;
        flex-flow: row wrap
    }
}

@media(max-width:1366px) {
    .pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border {
        display: none
    }
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .filter-border {
    background-color: #d5d5d5;
    position: absolute
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-bottom {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-top,
.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-bottom {
    width: 101.7%;
    height: 1px
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-left {
    top: 50%;
    left: 0;
    transform: translate(0, -50%)
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-right {
    top: 50%;
    right: 0;
    transform: translate(0, -50%)
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-left,
.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-right {
    width: 1px;
    height: 140%
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-rotate {
    width: 30px;
    height: 1px;
    transform: rotate(-45deg)
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-top-left {
    top: 0;
    left: -15px
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-top-right {
    top: 0;
    right: -15px
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-bottom-left {
    left: -15px;
    bottom: 0
}

.pxl-portfolio-carousel1 .pxl-grid-filter .pxl-item-border .pxl-border-bottom-right {
    right: -15px;
    bottom: 0
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    width: 55px;
    height: 55px;
    display: flex;
    border: 1px solid #999;
    background-color: initial;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    margin: 5px;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow svg path {
    stroke: #999;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover {
    border-color: var(--link-color)
}

.pxl-portfolio-carousel1 .pxl-swiper-arrow-wrap .pxl-swiper-arrow:hover svg path {
    stroke: var(--link-color)
}

.pxl-portfolio-carousel1 .pxl-swiper-wrapper {
    align-items: center
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-item-slider {
    margin-right: -828px
}

@media(max-width:1366px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-item-slider {
        margin-right: 0
    }
}

@media(max-width:1366px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner {
        padding: 20px 0
    }
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-item--image {
    overflow: hidden;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-item--image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-item--image img {
    opacity: 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    padding-top: 19px
}

@media(max-width:880px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder {
        flex-direction: column
    }
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-meta .pxl-post--title {
    font-weight: 400;
    margin-bottom: 20px
}

@media(max-width:1366px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-meta .pxl-post--title {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-meta .pxl-post--title {
        font-size: 24px
    }
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-meta .pxl-post--category a {
    font-size: 13px;
    font-weight: 500;
    color: #999;
    padding: 0 20px;
    height: 40px;
    align-content: center;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
    border: 1px solid #999
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-meta .pxl-post--category a:hover {
    border-color: var(--link-color);
    color: var(--link-color)
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-list {
    border-top: 1px solid #d5d5d5;
    padding-top: 16px;
    margin-top: 10px;
    padding-right: 27px
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-list .pxl-item-list {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    color: var(--link-color);
    line-height: 1.4;
    margin-bottom: 9px
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-list .pxl-item-list:last-child {
    margin-bottom: 0
}

.pxl-portfolio-carousel1 .pxl-carousel-inner .pxl-post--inner .pxl-post--holder .pxl-content-list .pxl-item-list .pxl-item-name {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    color: #555
}

.pxl-service-grid-layout1 .pxl-grid-bg {
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    background-color: #dff9ff;
    padding: 25px 45px 30px
}

@media(max-width:1280px) {
    .pxl-service-grid-layout1 .pxl-grid-bg {
        padding: 25px 15px
    }
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner {
    -webkit-border-radius: 46px;
    -khtml-border-radius: 46px;
    -moz-border-radius: 46px;
    -ms-border-radius: 46px;
    -o-border-radius: 46px;
    border-radius: 46px;
    background-color: #fff;
    padding: 27px 26px 35px;
    margin: 17.5px 0
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-service--featured {
    overflow: hidden;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-inner-content {
    padding: 45px 13px 0
}

@media(max-width:1280px) {
    .pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-inner-content {
        padding: 30px 0 0
    }
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-inner-content .pxl-item--title {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 29px;
    padding-bottom: 23px
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-sevice--btn {
    margin-top: 15px
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-sevice--btn .pxl-item-btn {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    text-transform: capitalize
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-sevice--btn .pxl-item-btn:hover .pxl-icon-button svg path {
    stroke: var(--primary-color)
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-sevice--btn .pxl-item-btn .pxl-icon-button {
    line-height: 1
}

.pxl-service-grid-layout1 .pxl-grid-bg .pxl-item--inner .pxl-sevice--btn .pxl-item-btn .pxl-icon-button svg path {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-load-more .button-style1 {
    font-size: 17px;
    line-height: 60px;
    height: 60px;
    padding: 0 35px;
    border-radius: 100px;
    color: #fefefe;
    font-weight: 700;
    font-family: barlow semi condensed;
    display: inline-flex;
    align-items: center;
    background-color: var(--primary-color);
    cursor: pointer;
    position: relative;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-load-more .button-style1 i {
    margin-left: 10px;
    font-size: 20px
}

.pxl-load-more .button-style1:hover,
.pxl-load-more .button-style1:focus,
.pxl-load-more .button-style1:active {
    outline: none;
    text-decoration: none;
    background-color: var(--link-color)
}

.layout-post-list-1 .pxl-toolbar-inner {
    background-color: var(--primary-color);
    border-top: 1px solid var(--link-color);
    padding: 0 50px;
    margin-bottom: 50px
}

@media(max-width:575px) {
    .layout-post-list-1 .pxl-toolbar-inner {
        margin-bottom: 40px;
        padding: 0 15px
    }
}

@media(max-width:575px) {
    .layout-post-list-1 .pxl-toolbar-inner .col-sm-auto:last-child {
        text-align: end
    }

    .layout-post-list-1 .pxl-toolbar-inner .col-sm-auto:last-child .nice-select {
        width: auto
    }
}

.layout-post-list-1 .post-list-toolbar .result-count {
    font-size: 17px;
    color: var(--link-color)
}

@media(max-width:575px) {
    .layout-post-list-1 .post-list-toolbar .result-count {
        font-size: 15px
    }
}

.layout-post-list-1 .post-list-toolbar .current {
    font-size: 17px !important;
    font-weight: 500;
    color: var(--link-color)
}

@media(max-width:575px) {
    .layout-post-list-1 .post-list-toolbar .current {
        font-size: 15px !important
    }
}

.layout-post-list-1 .post-list-toolbar .nice-select {
    height: 80px;
    padding: 0 25px 0 20px !important;
    background-color: unset;
    border: none;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.layout-post-list-1 .post-list-toolbar .nice-select:before {
    font-size: 13px !important;
    z-index: 2;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: unset;
    color: var(--link-color);
    right: 0
}

.layout-post-list-1 .post-list-toolbar .nice-select ul.list {
    left: unset;
    width: 220px;
    max-width: unset;
    font-size: 15px;
    text-align: left
}

@media(max-width:575px) {
    .layout-post-list-1 .post-list-toolbar .nice-select ul.list {
        font-size: 14px
    }
}

.layout-post-list-1 .pxl-list-inner .list-item {
    margin-bottom: 50px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner {
    display: flex;
    flex-direction: row;
    gap: 70px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width:1366px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner {
        gap: 30px
    }
}

@media(max-width:1200px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner {
        flex-direction: column
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner:hover .wrap-item-content:before {
    opacity: 0;
    transform: scaleX(0)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner:hover .wrap-item-content:after {
    transform: scaleX(1);
    opacity: 1
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-featured {
    width: 33.3%
}

@media(max-width:1200px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-featured {
        width: 100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content {
    width: 70%;
    position: relative
}

@media(max-width:1200px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content {
        width: 100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    width: 100%;
    height: 1px;
    opacity: 1;
    background-color: #d5d5d5;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(1)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    width: 100%;
    height: 2px;
    background-color: var(--link-color);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms;
    transform: scaleX(0)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content .item-content {
    display: flex;
    flex-direction: row;
    gap: 70px;
    padding-top: 40px;
    height: 100%
}

@media(max-width:1366px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content .item-content {
        gap: 30px
    }
}

@media(max-width:767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .wrap-item-content .item-content {
        flex-direction: column
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width:767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-left {
        width: 100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-right {
    width: 52.1%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media(max-width:767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .pxl-content-right {
        width: 100%
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image {
    position: relative;
    overflow: hidden
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image img {
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px;
    z-index: 2
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .category-date-inner {
    background-color: var(--link-color);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 20px;
    padding: 20px 10px
}

@media(max-width:575px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .category-date-inner {
        flex-direction: column
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .pxl-border {
    display: inline-flex;
    width: 30px;
    height: 1px;
    background-color: #ddd
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category {
    align-items: center;
    position: relative
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
    position: relative;
    margin-right: 3px;
    padding-right: 10px
}

@media(max-width:575px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a {
        font-size: 12px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:after {
    content: '/';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    font-size: 13px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:last-child {
    margin-right: 0;
    padding-right: 0
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:last-child:after {
    display: none
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-category a:hover {
    text-decoration: underline
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-date {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    line-height: 1.2
}

@media(max-width:575px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .post-image .pxl-category-date .post-date {
        font-size: 12px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas {
    border-top: 1px solid #d5d5d5;
    padding-top: 10px;
    margin-bottom: 10px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner {
    margin-bottom: 0;
    flex-wrap: wrap;
    display: flex;
    gap: 51px
}

@media(max-width:480px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner {
        gap: 20px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    gap: 12px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li:hover .pxl-icon {
    background-color: var(--link-color);
    border-color: var(--link-color)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li:hover .pxl-icon svg path {
    fill: #fff
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li:hover .pxl-name {
    text-decoration: underline
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li.post-comments .meta-item {
    display: flex;
    align-items: center;
    gap: 12px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-icon {
    line-height: 1;
    display: flex;
    align-items: center;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 1px solid #999;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-icon svg {
    height: 15px;
    width: auto
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-icon svg path {
    fill: var(--link-color);
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name {
    color: #555;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

@media(max-width:480px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name {
        font-size: 14px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name a {
    color: #555;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

@media(max-width:480px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-post-metas .meta-inner li .pxl-name a {
        font-size: 14px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title {
    margin-bottom: 30px
}

@media(max-width:1366px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title {
        font-size: 30px
    }
}

@media(max-width:767px) {
    .layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title {
        font-size: 28px
    }
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-title a {
    color: var(--link-color);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.33
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .item-excerpt {
    margin-bottom: 30px;
    color: #777;
    font-size: 15px;
    margin-top: 4px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore {
    margin-bottom: 17px
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a {
    display: inline-flex;
    width: unset;
    color: #777
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a svg path {
    stroke: #777
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a:hover {
    color: var(--link-color)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a:hover svg path {
    stroke: var(--link-color)
}

.layout-post-list-1 .pxl-list-inner .grid-item-inner .post-readmore a .pxl--btn-text {
    text-decoration: none
}

body.rtl .pxl-grid-filter.style-1 .filter-item:last-child {
    margin-right: 0;
    margin-left: 0
}

body.rtl .pxl-grid-filter.style-1 .filter-item {
    margin-right: 0;
    margin-left: 22px
}

@media(max-width:1200px) {
    body.rtl .pxl-grid-filter.style-1 .filter-item {
        margin: 5px 10px 5px 0
    }
}

@media(max-width:480px) {
    body.rtl .pxl-grid-filter.style-1 .filter-item {
        margin-right: 0
    }
}

button,
.button {
    color: #fff;
    padding: 0 30px;
    line-height: 56px;
    border-radius: 100px;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    position: relative;
    cursor: pointer;
    border: none;
    height: auto;
    display: inline-flex;
    align-items: center;
    text-align: center;
    background-color: var(--primary-color);
    justify-content: center;
    overflow: hidden;
    z-index: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-decoration: unset;
    text-transform: unset
}

button .pxl-btn-icon,
.button .pxl-btn-icon {
    line-height: 1
}

button svg,
.button svg {
    width: auto;
    height: 24px
}

button:hover,
.button:hover,
button:focus,
.button:focus,
button:active,
.button:active {
    outline: none;
    text-decoration: none;
    color: #fff
}

.btn-submit {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 0 28px;
    line-height: 54px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 60px;
    background-image: -webkit-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 51%, var(--gradient-color-from) 100%);
    background-image: -moz-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 51%, var(--gradient-color-from) 100%);
    background-image: -ms-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 51%, var(--gradient-color-from) 100%);
    background-image: -o-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 51%, var(--gradient-color-from) 100%);
    background-image: linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 51%, var(--gradient-color-from) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
    background-size: 200%, auto;
    color: #fff;
    border: none;
    height: auto;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.btn-submit:before {
    content: '';
    z-index: -1;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: 54px;
    background-color: #000;
    position: absolute
}

.btn-submit:after {
    content: '';
    position: absolute;
    top: 0;
    left: -200%;
    width: 200%;
    height: 100%;
    -webkit-transform: skewX(-20deg);
    -khtml-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, .35)), to(transparent));
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .35), transparent);
    z-index: -1
}

.btn-submit:hover {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-position: 100%
}

.btn-submit:hover:after {
    -webkit-animation: pxl_btn_shine 1.2s ease;
    animation: pxl_btn_shine 1.2s ease;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.search-submit:hover i,
.search-submit:focus i,
.search-submit:active i {
    color: var(--primary-color)
}

.search-submit:hover i:before,
.search-submit:focus i:before,
.search-submit:active i:before {
    transform: unset
}

.search-submit i {
    width: unset;
    height: unset;
    line-height: 40px;
    margin-left: 0;
    background-color: unset
}

.search-submit i:before {
    position: unset;
    transform: unset
}

.search-submit i:after {
    display: none
}

@-webkit-keyframes pxl_btn_shine {
    100% {
        left: 200%
    }
}

@keyframes pxl_btn_shine {
    100% {
        left: 200%
    }
}

input[type=submit] {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 0 28px;
    line-height: 54px;
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 7px;
    background-color: var(--primary-color);
    color: #fff;
    height: auto;
    text-align: center;
    justify-content: center;
    border: none
}

input[type=submit]:hover {
    outline: none;
    text-decoration: none;
    color: #fff
}

.btn:not(.btn-stroke) {
    line-height: 56px;
    background-color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    padding: 0 30px 0 6px;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    cursor: pointer;
    height: auto;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
    text-decoration: unset;
    border-radius: 100px
}

.btn:not(.btn-stroke):hover {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-color: var(--link-color)
}

.btn:not(.btn-stroke):hover .pxl-btn-icon {
    transform: rotate(-40deg)
}

.btn:not(.btn-stroke) .pxl-btn-icon {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.btn:not(.btn-stroke) .pxl-btn-icon.icon-none {
    display: none
}

.btn:not(.btn-stroke) svg {
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.btn:not(.btn-stroke) svg path {
    stroke: var(--link-color)
}

.btn:not(.btn-stroke).pxl-icon--right {
    flex-direction: row-reverse;
    padding: 0 6px 0 30px
}

.btn:not(.btn-stroke).btn-style1 {
    background-color: var(--primary-color);
    padding: 0 35px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 60px
}

.btn:not(.btn-stroke).btn-style1 .pxl-btn-icon {
    background-color: initial;
    width: auto;
    height: auto
}

.btn:not(.btn-stroke).btn-style1 .pxl-btn-icon svg {
    width: auto
}

.btn:not(.btn-stroke).btn-style1 .pxl-btn-icon svg path {
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    stroke: #fff
}

.btn:not(.btn-stroke).btn-style2 {
    background-color: var(--primary-color);
    padding: 0 65px;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 58px
}

.btn:not(.btn-stroke).btn-style2:hover {
    background-color: #03045e
}

.btn:not(.btn-stroke).btn-style2:hover .pxl-btn-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.btn:not(.btn-stroke).btn-style2:hover .pxl--btn-text {
    -webkit-transform: translateY(-150%);
    -khtml-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    transform: translateY(-150%)
}

.btn:not(.btn-stroke).btn-style2 .pxl--btn-text {
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn:not(.btn-stroke).btn-style2 .pxl-btn-icon {
    position: absolute;
    top: 100%;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 1;
    width: auto;
    height: auto;
    background-color: initial;
    color: #fff;
    font-size: 25px
}

.btn:not(.btn-stroke).btn-style2 .pxl-btn-icon svg {
    transform: rotate(180deg);
    height: 25px;
    width: auto
}

.btn:not(.btn-stroke).btn-style2 .pxl-btn-icon svg path {
    fill: #fff;
    stroke: none
}

.btn:not(.btn-stroke).btn-fullwidth {
    display: flex;
    justify-content: space-between
}

@keyframes pxl_smoke {

    45%,
    55% {
        filter: blur(var(--blur))
    }

    50%,
    50.1% {
        opacity: 0
    }

    25%,
    75% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(var(--move))translateY(var(--move-y))
    }

    50.1% {
        transform: translateX(calc(var(--move) * -1))
    }
}

@keyframes pxl_nanuk_1 {

    0%,
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    49% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: inherit
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        color: inherit
    }

    100% {
        color: inherit
    }
}

@keyframes pxl_nanuk_2 {

    0%,
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    49% {
        opacity: 1;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        color: inherit
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: inherit
    }

    100% {
        color: inherit
    }
}

.btn-stroke {
    display: inline-flex;
    padding: 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    line-height: 54px;
    position: relative
}

.btn-stroke .pxl-svg-line {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -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%);
    width: 100%;
    margin-top: -2px;
    height: auto;
    fill: none;
    stroke-dashoffset: 0;
    stroke-dasharray: 3e3
}

.btn-stroke .pxl-svg-line path {
    stroke: #000;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 18px
}

.btn-stroke:hover,
.btn-stroke:focus {
    color: #000
}

.btn-stroke:hover .pxl-svg-line path {
    animation: pxl_btn_stroke .6s ease-in-out;
    -webkit-animation: pxl_btn_stroke .6s ease-in-out
}

@keyframes pxl_btn_stroke {
    0% {
        stroke-dashoffset: 3e3
    }

    to {
        stroke-dashoffset: 0
    }
}

.mc4wp-alert {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.625
}

.mc4wp-alert p:last-child {
    margin-bottom: 0
}

.pxl-mailchimp-l1 .mc4wp-form-fields {
    position: relative
}

.pxl-mailchimp-from1 .style-default input {
    -webkit-border-radius: 200px;
    -khtml-border-radius: 200px;
    -moz-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    background-color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #686877;
    padding: 0 170px 0 24px;
    z-index: 1;
    position: relative;
    height: 60px;
    border: 1px solid #eaeaea
}

.pxl-mailchimp-from1 .style-default input:focus {
    color: var(--primary-color);
    background-color: #fff;
    border-color: var(--primary-color)
}

.pxl-mailchimp-from1 .style-default .pxl-mailchimp {
    position: relative
}

.pxl-mailchimp-from1 .style-default .pxl-mailchimp .mailchimp-submit {
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(0, -50%);
    z-index: 2
}

.pxl-mailchimp-from1 .style-default .pxl-mailchimp .mailchimp-submit .pxl-mailchimp-btn {
    line-height: 50px;
    padding: 0 40px
}

.pxl-mailchimp-from1 .style-default .pxl-mailchimp .mailchimp-submit .pxl-mailchimp-btn .mailchimp-icon {
    display: none
}

.pxl-mailchimp-from1 .style2 input {
    height: 72px;
    background-color: rgba(11, 16, 48, 5%);
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    padding: 0 30px;
    color: #0b1030;
    font-size: 15px;
    z-index: 1;
    position: relative
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp {
    position: relative
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp .mailchimp-submit {
    right: 4px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp .pxl-mailchimp-btn {
    height: 64px;
    width: 64px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp .pxl-mailchimp-btn .mailchimp-text {
    display: none
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp .pxl-mailchimp-btn i {
    font-size: 18px;
    width: 18px;
    height: 18px
}

.pxl-mailchimp-from1 .style2 .pxl-mailchimp .pxl-mailchimp-btn:hover {
    background-color: #03045e
}

.pxl-nav-menu.fr-style-default .pxl-mega-menu {}

.pxl-nav-menu.fr-style-default .pxl-menu-primary>li {}

.pxl-nav-menu.fr-style-default .pxl-menu-primary>li.menu-item-has-children>a .caseicon-angle-arrow-down {
    display: inline-flex;
    font-size: 9px;
    line-height: 1;
    margin-left: 5px;
    -webkit-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: transform .25s cubic-bezier(.645, .045, .355, 1);
    transition: transform .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-nav-menu.fr-style-default .pxl-menu-primary>li:hover>a .caseicon-angle-arrow-down {
    -webkit-transform: rotateX(-180deg);
    -khtml-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.pxl-nav-menu.fr-style-default.show-effect-fade .pxl-menu-primary .sub-menu {
    margin-top: 0
}

.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary .sub-menu {
    -webkit-transform: scaleY(0);
    -khtml-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    margin-top: 0
}

.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary li:hover>.sub-menu,
.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary li.focus>.sub-menu {
    -webkit-transform: scaleY(1);
    -khtml-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary .pxl-mega-menu {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0
}

.pxl-nav-menu.fr-style-default.show-effect-slidedown .pxl-menu-primary .sub-menu {
    margin-top: 0;
    transform: perspective(500px)rotateX(-20deg);
    transform-origin: 50% 0%
}

.pxl-nav-menu.fr-style-default.show-effect-slidedown .pxl-menu-primary li:hover>.sub-menu,
.pxl-nav-menu.fr-style-default.show-effect-slidedown .pxl-menu-primary li.focus>.sub-menu {
    transform: perspective(500px)rotateX(0)
}

@media screen and (min-width:1201px) {
    #pxl-header-default .pxl-menu-primary>li>a span {
        display: inline-flex;
        padding-right: 3px;
        align-items: center;
        position: relative;
        z-index: 1;
        line-height: 1
    }
}

.section-mega-active {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.section-mega-active .btn.btn-style7 {
    border-radius: 0 !important
}

.section-mega-active.pxl-header-home02-layout2:before {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
    border-radius: 0 !important
}

.pxl-menu-custom1 .pxl-menu-inner {
    display: flex;
    align-items: center;
    margin: 0
}

.pxl-menu-custom1 .pxl-menu-inner .pxl-item {
    list-style: none;
    margin-right: 53px
}

.pxl-menu-custom1 .pxl-menu-inner .pxl-item:last-child {
    margin-right: 0
}

.pxl-menu-custom1 .pxl-menu-inner .pxl-item a {
    line-height: 80px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    font-family: inter, sans-serif;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.pxl-menu-custom1 .pxl-menu-inner .pxl-item a:hover {
    color: var(--primary-color)
}

.pxl-icon-box {
    position: relative
}

.pxl-icon-box .pxl-item--link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.pxl-icon-box1.style1 .pxl-item-inner {
    display: flex;
    align-items: center;
    gap: 9px
}

.pxl-icon-box1.style1 .pxl-item-inner .pxl-item--icon {
    width: 43px;
    min-width: 43px;
    height: 43px;
    border: 3px solid #668798;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-icon-box1.style1 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: .1px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.2
}

.pxl-icon-box1.style1 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    line-height: 1.2
}

.pxl-icon-box1.style2 .pxl-item-inner {
    display: flex;
    align-items: center;
    gap: 13px
}

.pxl-icon-box1.style2 .pxl-item-inner .pxl-item--icon {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1.25px solid rgba(0, 25, 76, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    height: 50px;
    color: #00194c
}

.pxl-icon-box1.style2 .pxl-item-inner .pxl-item--icon svg path {
    fill: #00194c
}

.pxl-icon-box1.style2 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    font-size: 16px;
    letter-spacing: .1px;
    color: rgba(104, 119, 153, .7);
    line-height: 1.2
}

.pxl-icon-box1.style2 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    font-size: 22px;
    font-weight: 600;
    color: #00194c;
    line-height: 1.2
}

.pxl-icon-box1.style3 .pxl-item-inner {
    display: flex;
    align-items: center;
    gap: 24px
}

.pxl-icon-box1.style3 .pxl-item-inner .pxl-item--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    min-width: 47px;
    height: 47px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #03045e;
    font-size: 19px
}

.pxl-icon-box1.style3 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    font-size: 16px;
    color: #fff;
    line-height: 1.2
}

.pxl-icon-box1.style3 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2
}

.pxl-icon-box2.style-left {
    text-align: left
}

.pxl-icon-box2.style-right {
    text-align: right
}

.pxl-icon-box2 .pxl-item-inner .pxl-item--icon {
    font-size: 48px;
    line-height: 1;
    color: var(--primary-color);
    margin-bottom: 18px
}

.pxl-icon-box2 .pxl-item-inner .pxl-item--icon svg path {
    stroke: var(--primary-color)
}

.pxl-icon-box2 .pxl-item-inner .pxl-item--icon .pxl-heart2 path,
.pxl-icon-box2 .pxl-item-inner .pxl-item--icon .pxl-translator2 path,
.pxl-icon-box2 .pxl-item-inner .pxl-item--icon .pxl-patient2 path,
.pxl-icon-box2 .pxl-item-inner .pxl-item--icon .pxl-comprehension2 path {
    stroke: none;
    fill: var(--primary-color)
}

.pxl-icon-box2 .pxl-item-inner .pxl-item-title {
    color: var(--link-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px
}

.pxl-icon-box2 .pxl-item-inner .pxl-item-desc {
    font-size: 16px;
    letter-spacing: .1px;
    line-height: 1.68;
    color: #686877
}

.pxl-icon-box3 .pxl-item-inner {
    padding: 37px 46px 48px
}

@media(max-width:1199px) {
    .pxl-icon-box3 .pxl-item-inner {
        padding: 35px 30px
    }
}

.pxl-icon-box3 .pxl-item-inner .pxl-item-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.pxl-icon-box3 .pxl-item-inner .pxl-item-top .pxl-item--icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    border-radius: 28px
}

.pxl-icon-box3 .pxl-item-inner .pxl-item-top .pxl-item--icon svg path {
    fill: #fff
}

.pxl-icon-box3 .pxl-item-inner .pxl-item-top .pxl-item-number {
    color: #848b94;
    font-family: Inter;
    font-size: 16.469px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.pxl-icon-box3 .pxl-item-inner .pxl-meta-content {
    border-top: 1px solid #eaeaea;
    padding-top: 28px;
    margin-top: 24px
}

.pxl-icon-box3 .pxl-item-inner .pxl-meta-content .pxl-item-title {
    color: #03045e;
    font-family: Inter;
    font-size: 21.563px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.22;
    text-transform: capitalize;
    letter-spacing: 0;
    margin-bottom: 20px
}

.pxl-icon-box3 .pxl-item-inner .pxl-meta-content .pxl-item-desc {
    color: #686877;
    font-family: public sans;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: 0
}

.pxl-swiper-thumbs {
    padding: 0
}

.pxl-swiper-thumbs .pxl-swiper-wrapper {
    margin: 0
}

.pxl-swiper-thumbs .swiper-slide {
    padding: 0 5px
}

.swiper-fade .pxl-swiper-slide {
    opacity: 0 !important;
    z-index: 0
}

.swiper-fade .pxl-swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    z-index: 1
}

.pxl-thumbs-carousel1 .pxl-carousel-inner {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center
}

@media(max-width:1200px) {
    .pxl-thumbs-carousel1 .pxl-carousel-inner {
        flex-direction: column
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container {
    width: 49.7%
}

@media(max-width:1200px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container {
        width: 100%
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner {
    padding: 30px 65px 30px 90px
}

@media(max-width:1366px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner {
        padding: 30px 0
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--position {
    font-size: 24px;
    color: #555;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 11px
}

@media(max-width:1366px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--position {
        font-size: 20px
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--title {
    font-size: 90px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.175;
    color: var(--link-color);
    margin-bottom: 107px
}

@media(max-width:1366px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--title {
        font-size: 70px;
        margin-bottom: 50px
    }
}

@media(max-width:676px) {
    .pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--title {
        font-size: 55px
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item--desc {
    font-size: 15px;
    color: #555;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 42px
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-item-border {
    border-top: 1px solid #d5d5d5
}

.pxl-thumbs-carousel1 .pxl-swiper-container .pxl-item--inner .pxl-thumbs-button .btn-default {
    padding: 1px 64px 0
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs {
    width: 50%
}

@media(max-width:1200px) {
    .pxl-thumbs-carousel1 .pxl-swiper-thumbs {
        width: 100%
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-wrapper {
    display: flex;
    min-height: 830px;
    height: 60vh;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    min-width: 100%;
    transform: translate3d(0, 0, 0) !important
}

@media(max-width:1200px) {
    .pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-wrapper {
        height: 40vh;
        min-height: 500px
    }
}

@media(max-width:676px) {
    .pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-wrapper {
        min-height: 430px
    }
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-slide {
    width: 100% !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
    cursor: pointer;
    position: relative;
    -webkit-transition: flex .5s ease-in-out;
    -khtml-transition: flex .5s ease-in-out;
    -moz-transition: flex .5s ease-in-out;
    -ms-transition: flex .5s ease-in-out;
    -o-transition: flex .5s ease-in-out;
    transition: flex .5s ease-in-out;
    flex: 1.05;
    will-change: flex
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-swiper-slide.swiper-slide-thumb-active {
    flex: 4;
    cursor: default
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transform: scaleX(1);
    transform-origin: right;
    position: relative;
    overflow: hidden
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1;
    background-color: #999
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .7;
    z-index: 2;
    background-image: url(../img/textures-img1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: overlay
}

.pxl-thumbs-carousel1 .pxl-swiper-thumbs .pxl-image--thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    object-fit: cover;
    max-width: unset;
    -webkit-transition: all .5s ease-in-out;
    -khtml-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pxl-counter .pxl--counter-number {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center
}

.pxl-counterslide {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-flex;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.pxl-counterslide .pxl-counterslide-inside {
    display: inline-flex
}

.pxl-counterslide .pxl-counterslide-digit-spacer {
    visibility: hidden
}

.pxl-counterslide .pxl-counterslide-digit,
.pxl-counterslide .pxl-counterslide-digit-spacer {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-flex;
    vertical-align: middle;
    *vertical-align: auto;
    position: relative
}

.pxl-counterslide .pxl-counterslide-digit-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pxl-counterslide .pxl-counterslide-ribbon {
    display: block
}

.pxl-counterslide .pxl-counterslide-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.pxl-counterslide .pxl-counterslide-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.pxl-counterslide .pxl-counterslide-value.pxl-counterslide-last-value {
    position: absolute
}

.pxl-counterslide.pxl-counterslide-animating-up .pxl-counterslide-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.pxl-counterslide.pxl-counterslide-animating-up.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pxl-counterslide.pxl-counterslide-animating-down .pxl-counterslide-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.pxl-counterslide.pxl-counterslide-animating-down.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.pxl-counter1 .pxl-counter--inner {
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-counter1 .pxl-counter--inner .pxl-item--icon {
    line-height: 1;
    margin-bottom: 35px
}

.pxl-counter1 .pxl-counter--inner .pxl-item--icon svg .pxl-svg-color {
    fill: var(--primary-color)
}

.pxl-counter1 .pxl-counter--inner .pxl-counter--meta {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.pxl-counter1 .pxl-counter--inner .pxl-counter--meta .pxl-counter--text {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.44px;
    text-transform: lowercase;
    transform: rotate(-90deg);
    padding-left: 9px;
    margin-left: -15px
}

.pxl-counter1 .pxl-counter--inner .pxl-counter--number {
    display: flex;
    align-items: baseline;
    font-size: 80px;
    font-style: normal;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -4.8px;
    text-transform: capitalize
}

.pxl-counter1 .pxl-counter--inner .pxl-counter--title {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    color: #fff
}

.pxl-counter2 .pxl-counter--inner {
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: 12px
}

.pxl-counter2 .pxl-counter--inner .pxl-counter--number {
    display: flex;
    align-items: baseline;
    font-size: 140px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    color: #03045e
}

.pxl-counter2 .pxl-counter--inner .pxl-counter--title {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    color: var(--link-color);
    line-height: 1.454;
    padding-top: 16px
}

.pxl-counter3 .pxl-counter--inner {
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pxl-counter3 .pxl-counter--inner .pxl-counter--meta {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-bottom: 25px
}

.pxl-counter3 .pxl-counter--inner .pxl-counter--meta .pxl-item--icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    min-width: 82px;
    min-height: 82px;
    border: 1px solid #a6dae5;
    border-radius: 18.5px;
    color: var(--primary-color);
    font-size: 48px
}

.pxl-counter3 .pxl-counter--inner .pxl-counter--meta .pxl-item--icon svg {
    height: 48px;
    width: auto
}

.pxl-counter3 .pxl-counter--inner .pxl-counter--meta .pxl-item--icon svg path {
    fill: var(--primary-color)
}

.pxl-counter3 .pxl-counter--inner .pxl-counter--number {
    display: flex;
    align-items: baseline;
    font-size: 46px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    color: var(--link-color)
}

.pxl-counter3 .pxl-counter--inner .pxl-counter--title {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    color: #686877;
    line-height: 1.55
}

.pxl-counter4 .pxl-counter--inner {
    position: relative;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    display: inline-block;
    align-content: center;
    width: 246px;
    height: 246px
}

.pxl-counter4 .pxl-counter--inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/bg-couter1.png);
    animation: pxl_spin_right 20s linear infinite
}

.pxl-counter4 .pxl-counter--inner .pxl-counter--number {
    display: inline-flex;
    align-items: baseline;
    color: #03045e;
    font-family: Outfit;
    font-size: 98.358px;
    font-style: normal;
    font-weight: 600;
    line-height: .8;
    text-transform: capitalize;
    z-index: 2;
    position: relative;
    margin-bottom: 10px
}

.pxl-counter4 .pxl-counter--inner .pxl-counter--title {
    color: #03045e;
    font-family: Oswald;
    font-size: 27.54px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    text-transform: capitalize;
    z-index: 2;
    position: relative;
    margin-bottom: 8px
}

.pxl-video-player1 .pxl-overlay-color {
    z-index: 88;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pxl-video-player1 .pxl-video--holder+.btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center
}

.pxl-video-player1 .pxl-video--holder+.btn-video-wrap.p-center {
    top: 50%;
    left: 50%;
    -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-video-player1 .style-img1 {
    position: relative
}

.pxl-video-player1 .style-img2 img {
    background-color: #d9d9d9;
    mix-blend-mode: luminosity
}

.pxl-video-player1 .style-img2 .pxl-video--imagebg {
    position: relative
}

.pxl-video-player1 .style-img2 .pxl-video--imagebg:before .bg-image {
    background-color: #d9d9d9;
    mix-blend-mode: luminosity
}

.pxl-video-player1 .style-img3 .pxl-video--holder {
    position: relative;
    overflow: hidden
}

.pxl-video-player1 .style-img3 .pxl-video--holder:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 1
}

.pxl-video-player1 .style-overlay .pxl-video--holder {
    position: relative;
    overflow: hidden
}

.pxl-video-player1 .style-overlay .pxl-video--holder:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 62.98%, var(--link-color) 98.4%, var(--link-color) 100%)
}

.pxl-video-player1 .pxl-video--imagebg {
    position: relative;
    overflow: hidden
}

.pxl-video-player1 .pxl-video--imagebg .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -60px
}

.pxl-video-player1 .pxl-btn-video {
    position: relative
}

.pxl-video-player1 .pxl-btn-video.style1 {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: inline-flex;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background-size: 300% 100%;
    background-image: transparent;
    justify-content: center;
    align-items: center;
    color: var(--link-color);
    font-size: 13px;
    background-color: #fff;
    padding-top: 3px;
    padding-left: 3px
}

.pxl-video-player1 .pxl-btn-video.style1:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: pxl_pulse_border 1500ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1500ms ease-out infinite;
    z-index: -2;
    border-radius: inherit
}

.pxl-video-player1 .pxl-btn-video.style1 .pxl-icon-default {
    line-height: 1
}

.pxl-video-player1 .pxl-btn-video.style1 .pxl-icon-default svg {
    height: 13px;
    width: auto
}

.pxl-video-player1 .pxl-btn-video.style1 .pxl-icon-default svg path {
    fill: var(--link-color)
}

.pxl-video-player1 .pxl-btn-video.style1:hover,
.pxl-video-player1 .pxl-btn-video.style1:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-video-player1 .pxl-btn-video.style2 {
    width: 189px;
    height: 189px;
    border-radius: 50%;
    display: inline-flex;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background-size: 300% 100%;
    background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 34px;
    border: 1px solid rgba(255, 255, 255, .6)
}

.pxl-video-player1 .pxl-btn-video.style2 .pxl-icon-default {
    line-height: 0
}

.pxl-video-player1 .pxl-btn-video.style2 .pxl-icon-default svg {
    height: 34px;
    width: auto
}

.pxl-video-player1 .pxl-btn-video.style2 .pxl-icon-default svg path {
    fill: #fff
}

.pxl-video-player1 .pxl-btn-video.style2:hover,
.pxl-video-player1 .pxl-btn-video.style2:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-video-player1 .pxl-btn-video.style3 {
    font-size: 21px;
    width: 104px;
    height: 104px;
    border-radius: 50%;
    display: inline-flex;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background-size: 300% 100%;
    background-color: var(--primary-color);
    justify-content: center;
    align-items: center;
    color: #fff
}

.pxl-video-player1 .pxl-btn-video.style3 .pxl-icon-default {
    line-height: 0
}

.pxl-video-player1 .pxl-btn-video.style3 .pxl-icon-default svg {
    height: 21px;
    width: auto
}

.pxl-video-player1 .pxl-btn-video.style3 .pxl-icon-default svg path {
    fill: #fff
}

.pxl-video-player1 .pxl-btn-video.style3:hover,
.pxl-video-player1 .pxl-btn-video.style3:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-video-scroll1 {
    position: relative
}

.pxl-video-scroll1 .pxl-scroll-inner {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: end;
    transform-origin: top center
}

@media(max-width:1024px) {
    .pxl-video-scroll1 .pxl-scroll-inner {
        flex-direction: column
    }
}

.pxl-video-scroll1 .style-img1 {
    position: relative
}

.pxl-video-scroll1 .pxl-video--imagebg {
    position: relative;
    overflow: hidden
}

.pxl-video-scroll1 .pxl-video--imagebg .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: scroll;
    backface-visibility: hidden
}

.pxl-video-scroll1 .pxl-list-video {
    width: 66%;
    background-color: var(--primary-color);
    padding: 86px 100px 82px;
    display: flex;
    flex-direction: row;
    gap: 100px
}

@media(max-width:1024px) {
    .pxl-video-scroll1 .pxl-list-video {
        width: 100%
    }
}

@media(max-width:1366px) {
    .pxl-video-scroll1 .pxl-list-video {
        padding: 70px 15px;
        gap: 30px
    }
}

@media(max-width:1280px) {
    .pxl-video-scroll1 .pxl-list-video {
        padding: 58px 15px;
        gap: 30px
    }
}

@media(max-width:767px) {
    .pxl-video-scroll1 .pxl-list-video {
        flex-direction: column
    }
}

.pxl-video-scroll1 .pxl-list-video .pxl--item {
    width: 50%
}

@media(max-width:767px) {
    .pxl-video-scroll1 .pxl-list-video .pxl--item {
        width: 100%
    }
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-title {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--link-color);
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-title .pxl-title {
    white-space: nowrap
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-title .pxl-item-border {
    background-color: #d5d5d5;
    height: 1px;
    width: 75%;
    margin-top: 10px
}

.pxl-video-scroll1 .pxl-list-video .pxl--item .pxl-item-desc {
    color: #777;
    font-size: 15px
}

.pxl-video-scroll1 .pxl-section-no-scroll {
    width: 33.5%
}

@media(max-width:1024px) {
    .pxl-video-scroll1 .pxl-section-no-scroll {
        width: 100%
    }
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner {
    height: 100%;
    overflow: hidden
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, .3);
    z-index: 1
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: scroll;
    backface-visibility: hidden;
    filter: blur(10px)
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner img {
    filter: blur(10px)
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .btn-video-wrap.p-center {
    top: 50%;
    left: 50%;
    -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-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video {
    position: relative
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: inline-flex;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background-size: 300% 100%;
    background-image: transparent;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(7.5px);
    padding-top: 1px;
    padding-left: 5px
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default {
    line-height: 0
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg {
    height: 21px;
    width: auto
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg path {
    fill: #fff
}

.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1:hover,
.pxl-video-scroll1 .pxl-section-no-scroll .pxl-video--inner .pxl-btn-video.style1:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-video-scroll1 .pxl-video-section {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: scale(.334);
    will-change: transform;
    width: 100%;
    height: 100vh
}

@media(max-width:1366px) {
    .pxl-video-scroll1 .pxl-video-section {
        display: none
    }
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner {
    height: 100%
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-title-video {
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: 80px;
    left: 100px;
    z-index: 99;
    max-width: 450px;
    margin-bottom: 0
}

@media(max-width:1366px) {
    .pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-title-video {
        left: 30px
    }
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-sub-title-video {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    position: absolute;
    bottom: 80px;
    right: 50px;
    z-index: 99;
    max-width: 420px
}

@media(max-width:1366px) {
    .pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-sub-title-video {
        right: 0
    }
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-attachment: scroll;
    backface-visibility: hidden
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .btn-video-wrap {
    position: absolute;
    z-index: 99;
    text-align: center
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .btn-video-wrap.p-center {
    top: 50%;
    left: 50%;
    -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-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video {
    position: relative
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    display: inline-flex;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    background-size: 300% 100%;
    background-image: transparent;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 21px;
    background-color: rgba(255, 255, 255, .2);
    backdrop-filter: blur(7.5px);
    padding-top: 1px;
    padding-left: 5px
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: initial;
    border: 1px solid #fff;
    border-radius: 50%;
    animation: pxl_pulse_border 1500ms ease-out infinite;
    -webkit-animation: pxl_pulse_border 1500ms ease-out infinite;
    z-index: -2;
    border-radius: inherit
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default {
    line-height: 0
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg {
    height: 21px;
    width: auto
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1 .pxl-icon-default svg path {
    fill: #fff
}

.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1:hover,
.pxl-video-scroll1 .pxl-video-section .pxl-video--inner .pxl-btn-video.style1:focus {
    background-position: 100% 0;
    -webkit-transition: all .4s ease-in-out;
    -khtml-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.pxl-item--4-star i:nth-child(5) {
    color: rgba(255, 208, 20, .4)
}

.pxl-item--3-star i:nth-child(5),
.pxl-item--3-star i:nth-child(4) {
    color: rgba(255, 208, 20, .4)
}

.pxl-item--2-star i:nth-child(5),
.pxl-item--2-star i:nth-child(4),
.pxl-item--2-star i:nth-child(3) {
    color: rgba(255, 208, 20, .4)
}

.pxl-item--1-star i:nth-child(5),
.pxl-item--1-star i:nth-child(4),
.pxl-item--1-star i:nth-child(3),
.pxl-item--1-star i:nth-child(2) {
    color: rgba(255, 208, 20, .4)
}

.pxl-item--star {
    color: #ffd014
}

.pxl-testimonial-grid1 .pxl-item--inner {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    -webkit-border-radius: 30px 30px 30px 10px;
    -khtml-border-radius: 30px 30px 30px 10px;
    -moz-border-radius: 30px 30px 30px 10px;
    -ms-border-radius: 30px 30px 30px 10px;
    -o-border-radius: 30px 30px 30px 10px;
    border-radius: 30px 30px 30px 10px;
    background-color: #fff;
    padding: 30px;
    margin: 15px 0;
    -webkit-transition: all .3s;
    -khtml-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:676px) {
    .pxl-testimonial-grid1 .pxl-item--inner {
        padding: 30px 20px
    }
}

.pxl-testimonial-grid1 .pxl-item--inner:hover {
    box-shadow: 0 0 20px rgba(255, 95, 95, .15)
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-content {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-content .pxl-item--icon {
    display: inline-flex
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-content .pxl-item--icon i {
    font-size: 55px;
    line-height: .9;
    background: linear-gradient(100deg, var(--gradient-color-from) .51%, var(--gradient-color-to) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-content .pxl-item--star i {
    font-size: 18px;
    color: #ffc107
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--desc {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    font-family: inter, sans-serif
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--bottom {
    margin-top: 20px
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--bottom .pxl-item--image img {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--bottom .pxl-item--meta .pxl-item--title {
    margin-bottom: 5px;
    text-transform: uppercase
}

.pxl-testimonial-grid1 .pxl-item--inner .pxl-item--bottom .pxl-item--meta .pxl-item--position {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    background: linear-gradient(100deg, var(--gradient-color-from) .51%, var(--gradient-color-to) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.pxl-testimonial-carousel1 .pxl-carousel-inner {
    position: relative
}

.pxl-testimonial-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
    margin-top: 0;
    position: absolute;
    bottom: 19px;
    right: 2px;
    z-index: 1
}

@media(max-width:575px) {
    .pxl-testimonial-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
        display: none
    }
}

.pxl-testimonial-carousel1 .pxl-item-inner {
    position: relative;
    display: flex;
    gap: 62px;
    align-items: center
}

@media(max-width:991px) {
    .pxl-testimonial-carousel1 .pxl-item-inner {
        gap: 30px
    }
}

@media(max-width:880px) {
    .pxl-testimonial-carousel1 .pxl-item-inner {
        flex-direction: column
    }
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-section-img {
    position: relative;
    padding-left: 44px;
    max-width: 453px
}

@media(max-width:880px) {
    .pxl-testimonial-carousel1 .pxl-item-inner .pxl-section-img {
        max-width: 100%;
        padding-left: 0
    }
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-section-img .pxl-item--img {
    overflow: hidden;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-section-img .pxl-item--icon {
    position: absolute;
    left: 0;
    bottom: 118px;
    width: 138px;
    height: 138px;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 60px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content {
    max-width: 608px;
    position: relative
}

@media(max-width:880px) {
    .pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content {
        max-width: 100%
    }
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content .pxl-item-quote {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content .pxl-item--star {
    font-size: 21px;
    color: var(--primary-color)
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content .pxl-item--desc {
    font-size: 22px;
    color: #686877;
    line-height: 1.455;
    margin-top: 19px;
    max-width: 96%;
    margin-bottom: 27px
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content .pxl-item-heading {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.2
}

.pxl-testimonial-carousel1 .pxl-item-inner .pxl-item-content .pxl-sub-title {
    font-size: 18px;
    line-height: 1.2;
    color: var(--primary-color)
}

.pxl-testimonial-carousel2 .pxl-swiper-wrapper {
    transform: translate3d(0, 0, 0);
    height: 1197px
}

.pxl-testimonial-carousel2 .pxl-swiper-container {
    margin: -15px 0
}

.pxl-testimonial-carousel2 .pxl-swiper-slide {
    padding: 15px 0
}

.pxl-testimonial-carousel2 .pxl-item-inner {
    display: flex;
    gap: 35px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 37px 58.78px 0;
    height: 100%
}

@media(max-width:1500px) {
    .pxl-testimonial-carousel2 .pxl-item-inner {
        padding: 30px 15px 0
    }
}

@media(max-width:676px) {
    .pxl-testimonial-carousel2 .pxl-item-inner {
        gap: 15px
    }
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-section-img {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-section-img .pxl-item--img {
    min-width: 91px;
    height: 91px;
    width: 91px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-section-img .pxl-item--icon {
    line-height: 0;
    color: #dff9ff;
    font-size: 95px
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content {
    padding-top: 5px;
    padding-bottom: 30px
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-item--star {
    font-size: 18px;
    display: flex;
    gap: 6px;
    color: #ffca1b
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-item--desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    margin-top: 22px;
    margin-bottom: 18px;
    max-width: 95%
}

@media(max-width:1366px) {
    .pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-item--desc {
        max-width: 100%
    }
}

@media(max-width:676px) {
    .pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-item--desc {
        font-size: 16px;
        margin-top: 18px;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-item-heading {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 2px
}

@media(max-width:676px) {
    .pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-item-heading {
        font-size: 18px
    }
}

.pxl-testimonial-carousel2 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--primary-color)
}

.pxl-testimonial-carousel3 .pxl-swiper-container {
    margin: 0 -24.5px
}

.pxl-testimonial-carousel3 .pxl-swiper-slide {
    padding: 0 24.5px
}

.pxl-testimonial-carousel3 .pxl-item-inner {
    display: flex;
    gap: 35px;
    background-color: #fff;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 38px 58.78px 0;
    height: 100%;
    position: relative
}

@media(max-width:575px) {
    .pxl-testimonial-carousel3 .pxl-item-inner {
        flex-direction: column;
        padding: 30px 30px 0
    }
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-item--icon {
    line-height: 0;
    color: #dff9ff;
    font-size: 95px;
    position: absolute;
    bottom: 0;
    right: 19px
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-section-img {
    display: flex
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-section-img .pxl-item--img {
    min-width: 91px;
    height: 91px;
    width: 91px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-item-content {
    padding-top: 5px;
    padding-bottom: 52px
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-item-content .pxl-item--star {
    font-size: 18px;
    display: flex;
    gap: 6px;
    color: #ffca1b
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-item-content .pxl-item--desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    margin-top: 22px;
    margin-bottom: 20px
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-item-heading {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 3px
}

.pxl-testimonial-carousel3 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-sub-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--primary-color)
}

.pxl-testimonial-carousel4 .pxl-swiper-dots {
    margin-top: 31px
}

.pxl-testimonial-carousel4 .pxl-item-inner {
    background-color: #f2fbfd;
    padding: 30px;
    border-radius: 15px
}

.pxl-testimonial-carousel4 .pxl-item-inner .pxl-item--star {
    color: var(--primary-color)
}

.pxl-testimonial-carousel4 .pxl-item-inner .pxl-item--desc {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 22px;
    margin-top: 21px
}

.pxl-testimonial-carousel4 .pxl-item-inner .pxl-item-heading {
    font-size: 22px;
    color: #03045e;
    font-weight: 500;
    margin-bottom: 4px
}

.pxl-testimonial-carousel4 .pxl-item-inner .pxl-sub-title {
    color: rgba(11, 16, 48, .5);
    font-size: 16px;
    font-weight: 400
}

.pxl-testimonial-carousel5 .pxl-swiper-dots {
    margin-top: 31px
}

.pxl-testimonial-carousel5 .pxl-item-inner {
    background-color: #f2fbfd;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    padding: 45px;
    position: relative
}

@media(max-width:575px) {
    .pxl-testimonial-carousel5 .pxl-item-inner {
        padding: 40px 20px
    }
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item-content {
    display: flex;
    align-items: center;
    gap: 15px 30px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item-content .pxl-section-img {
    position: relative
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item-content .pxl-section-img .pxl-item--img {
    min-width: 100px;
    height: 100px;
    width: 100px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item-content .pxl-section-img .pxl-item--icon {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 7px;
    right: -10px;
    background-color: #03045e;
    display: flex;
    align-items: center;
    justify-content: center
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-item-heading {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item-content .pxl-inner-title .pxl-sub-title {
    font-size: 16px;
    font-weight: 500;
    color: #03045e
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item--star {
    color: var(--primary-color);
    position: absolute;
    top: 83px;
    right: 43px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px
}

@media(max-width:676px) {
    .pxl-testimonial-carousel5 .pxl-item-inner .pxl-item--star {
        position: relative;
        top: unset;
        right: unset;
        margin-bottom: 10px
    }
}

.pxl-testimonial-carousel5 .pxl-item-inner .pxl-item--desc {
    font-size: 17px;
    line-height: 1.64;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.pxl-testimonial-single1 .pxl-meta-inner {
    background-color: var(--primary-color);
    text-align: center;
    padding: 56px 160px 59px
}

@media(max-width:1024px) {
    .pxl-testimonial-single1 .pxl-meta-inner {
        padding: 56px 130px 59px
    }
}

@media(max-width:676px) {
    .pxl-testimonial-single1 .pxl-meta-inner {
        padding: 50px 80px
    }
}

@media(max-width:480px) {
    .pxl-testimonial-single1 .pxl-meta-inner {
        padding: 50px 30px
    }
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-inner-star {
    margin-bottom: 23px
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-inner-star .pxl-item--star {
    display: inline-flex;
    padding: 7px 8px 5px;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    font-size: 10px;
    color: var(--link-color)
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-inner-star .pxl-item--star i:last-child {
    margin-right: 0
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-item-desc {
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    line-height: 1.45;
    margin-bottom: 39px
}

@media(max-width:480px) {
    .pxl-testimonial-single1 .pxl-meta-inner .pxl-item-desc {
        font-size: 20px
    }
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-item-author {
    display: inline-flex;
    align-items: center;
    text-align: left
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-item-author .pxl-item--image {
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0 !important
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-item-author .pxl-item-title {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 7px
}

.pxl-testimonial-single1 .pxl-meta-inner .pxl-item-author .pxl-sub-title {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    line-height: 1.2
}

.pxl-accordion .pxl-accordion--title {
    margin-bottom: 0;
    cursor: pointer
}

.pxl-accordion .pxl-accordion--content {
    display: none
}

.pxl-accordion .pxl-icon--plus {
    font-style: normal
}

.pxl-accordion1.style-default .pxl-accordion--title {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    color: var(--link-color);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    line-height: 1.2;
    justify-content: space-between;
    padding: 15px 16px 15px 33px;
    background-color: #f2fbfd;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.pxl-accordion1.style-default .pxl-accordion--title .pxl-title--text {
    flex-grow: 1;
    max-width: 93%
}

.pxl-accordion1.style-default .pxl-icon--action {
    display: flex;
    width: 38px;
    height: 38px;
    min-width: 38px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 5px 20px rgba(11, 16, 48, .1)
}

.pxl-accordion1.style-default .pxl-icon--action:before {
    content: '';
    height: 2px;
    width: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    background-color: var(--primary-color);
    transform: scale(1)translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-accordion1.style-default .pxl-icon--action:after {
    content: '';
    height: 12px;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: center center;
    background-color: var(--primary-color);
    transform: scale(1)translate(-50%, -50%);
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-accordion1.style-default .pxl-item-content {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pxl-accordion1.style-default .pxl-item-content.active .pxl-accordion--title {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-accordion1.style-default .pxl-item-content.active .pxl-accordion--title .pxl-icon--action {
    background-color: rgba(255, 255, 255, .2)
}

.pxl-accordion1.style-default .pxl-item-content.active .pxl-accordion--title .pxl-icon--action:before,
.pxl-accordion1.style-default .pxl-item-content.active .pxl-accordion--title .pxl-icon--action:after {
    background-color: #fff
}

.pxl-accordion1.style-default .pxl-item-content.active .pxl-accordion--title .pxl-icon--action:after {
    transform: scale(0)translate(-50%, -50%)
}

.pxl-accordion1.style-default .pxl-accordion--content {
    padding: 21px 30px 3px 33px;
    color: #686877;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.65
}

.pxl-accordion1.style-default .pxl--item {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -khtml-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 22px
}

.pxl-accordion1.style-default .pxl--item:last-child {
    margin-bottom: 0
}

.pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title {
    color: #fff;
    background-color: var(--primary-color)
}

.pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title .pxl-icon--action {
    background-color: rgba(255, 255, 255, .2)
}

.pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title .pxl-icon--action:before,
.pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title .pxl-icon--action:after {
    background-color: #fff
}

.pxl-accordion1.style-default .pxl--item.active .pxl-accordion--title .pxl-icon--action:after {
    transform: scale(0)translate(-50%, 0)
}

.pxl-tabs .pxl-tab--title {
    display: inline-flex;
    cursor: pointer;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms;
    position: relative
}

.pxl-tabs .pxl-tab--content {
    display: none;
    width: 100%
}

.pxl-tabs .elementor-section.elementor-section-stretched {
    width: auto !important;
    left: 0 !important;
    right: 0 !important
}

.pxl-tabs .pxl-tabs--elementor>.elementor {
    margin: 0 -15px
}

.pxl-tabs.tab-effect-fade .pxl-tab--content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    display: block !important;
    opacity: 0 !important;
    visibility: hidden;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.pxl-tabs.tab-effect-fade .pxl-tab--content.active {
    position: static;
    opacity: 1 !important;
    visibility: visible
}

.pxl-tabs.tab-effect-fade .pxl-tabs--content {
    position: relative
}

.pxl-tabs1.style-1 .pxl-tabs--inner {
    display: flex;
    gap: 34px;
    flex-direction: row
}

@media(max-width:767px) {
    .pxl-tabs1.style-1 .pxl-tabs--inner {
        flex-direction: column
    }
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title {
    display: inline-flex;
    flex-direction: column;
    min-width: 406px
}

@media(max-width:991px) {
    .pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title {
        min-width: 300px
    }
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title {
    background-color: initial;
    color: var(--link-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 27px;
    padding: 21px 0;
    line-height: 1.2;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    position: relative;
    border-bottom: 1px solid #a6dae5
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon {
    color: #686877
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon svg {
    height: 56px;
    width: auto
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon svg path {
    stroke: #686877;
    transition: all 300ms linear 0ms
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-surgery-room1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-test-results1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-rehabilitation1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-mother1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-elderly1 path {
    stroke: none;
    fill: #686877
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active {
    background-color: var(--primary-color);
    color: #fff;
    padding: 20px 10px 24px 30px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon {
    color: #fff
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-surgery-room1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-test-results1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-rehabilitation1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-mother1 path,
.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-elderly1 path {
    stroke: none;
    fill: #fff
}

.pxl-tabs1.style-1 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title:has(+.pxl-tab--title.active) {
    border-bottom: none
}

.pxl-tabs1.style-2 .pxl-tabs--inner {
    text-align: center
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title {
    display: inline-flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 60px;
    flex-wrap: wrap
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title {
    background-color: initial;
    color: rgba(11, 16, 48, .7);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 27px;
    padding: 11px 30px;
    line-height: 1.2;
    -webkit-border-radius: 100px;
    -khtml-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    position: relative;
    border: 1px solid rgba(11, 16, 48, .2)
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon {
    color: rgba(11, 16, 48, .7);
    display: none
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon svg {
    height: 56px;
    width: auto
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon svg path {
    stroke: rgba(11, 16, 48, .7);
    transition: all 300ms linear 0ms
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-surgery-room1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-test-results1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-rehabilitation1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-mother1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title .pxl-item--icon .pxl-elderly1 path {
    stroke: none;
    fill: rgba(11, 16, 48, .7)
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color)
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon {
    color: #fff
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon svg path {
    stroke: #fff
}

.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-surgery-room1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-test-results1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-rehabilitation1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-mother1 path,
.pxl-tabs1.style-2 .pxl-tabs--inner .pxl-tabs--title .pxl-tab--title.active .pxl-item--icon .pxl-elderly1 path {
    stroke: none;
    fill: #fff
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--inner {
    display: flex
}

@media(max-width:1024px) {
    .pxl-tabs-pricing1.style-1 .pxl-tabs--inner {
        display: block
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--title {
    width: 43.7%
}

@media(max-width:1024px) {
    .pxl-tabs-pricing1.style-1 .pxl-tabs--title {
        width: 100%
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title {
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    padding: 17px 15px 17px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:last-child {
    margin-bottom: 0
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title {
        display: block
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-dot {
    border: 2px solid #dbdbdb;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    position: relative;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-dot:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    opacity: 0;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-meta {
    display: flex;
    align-items: center
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-meta {
        display: block
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-title--text {
    font-size: 20px;
    color: var(--link-color);
    margin-left: 18px
}

@media(max-width:575px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-title--text {
        font-size: 17px
    }
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-title--text {
        margin-left: 0;
        margin-top: 15px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price {
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #f6f6f6;
    display: flex;
    align-items: baseline;
    padding: 22px 28px 24px 22px;
    width: 237px;
    min-width: 237px;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

@media(max-width:575px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price {
        width: unset;
        min-width: unset
    }
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price {
        padding: 15px;
        margin-top: 15px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price .pxl-title--price {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    color: #020304;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

@media(max-width:575px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price .pxl-title--price {
        font-size: 30px
    }
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price .pxl-title--price {
        font-size: 25px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title .pxl-item-price .pxl-sub--price {
    font-size: 16px;
    line-height: 1;
    color: #494949;
    -webkit-transition: all 250ms linear 0ms;
    -khtml-transition: all 250ms linear 0ms;
    -moz-transition: all 250ms linear 0ms;
    -ms-transition: all 250ms linear 0ms;
    -o-transition: all 250ms linear 0ms;
    transition: all 250ms linear 0ms
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:hover,
.pxl-tabs-pricing1.style-1 .pxl-tab--title.active {
    border-color: var(--primary-color)
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:hover .pxl-item-dot,
.pxl-tabs-pricing1.style-1 .pxl-tab--title.active .pxl-item-dot {
    border-color: var(--primary-color)
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:hover .pxl-item-dot:before,
.pxl-tabs-pricing1.style-1 .pxl-tab--title.active .pxl-item-dot:before {
    opacity: 1
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:hover .pxl-item-price,
.pxl-tabs-pricing1.style-1 .pxl-tab--title.active .pxl-item-price {
    background-color: var(--primary-color)
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:hover .pxl-item-price .pxl-title--price,
.pxl-tabs-pricing1.style-1 .pxl-tab--title.active .pxl-item-price .pxl-title--price {
    color: #fff
}

.pxl-tabs-pricing1.style-1 .pxl-tab--title:hover .pxl-item-price .pxl-sub--price,
.pxl-tabs-pricing1.style-1 .pxl-tab--title.active .pxl-item-price .pxl-sub--price {
    color: #fff
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--content {
    width: 56.3%
}

@media(max-width:1024px) {
    .pxl-tabs-pricing1.style-1 .pxl-tabs--content {
        width: 100%
    }
}

.pxl-tabs-pricing1.style-1 .pxl-tabs--content .pxl-tab--content {
    padding-left: 32px
}

@media(max-width:1024px) {
    .pxl-tabs-pricing1.style-1 .pxl-tabs--content .pxl-tab--content {
        padding-left: 0;
        padding-top: 30px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content {
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3)
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top {
    position: relative;
    border-bottom: 1px solid #cccdcd;
    padding: 25px 20px 29px 26px
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top {
        padding: 50px 20px 26px 26px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top .pxl-title-top {
    font-size: 26px;
    font-weight: 600;
    color: var(--link-color)
}

@media(max-width:575px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top .pxl-title-top {
        font-size: 24px
    }
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top .pxl-title-top {
        max-width: 50%;
        position: relative;
        display: block;
        line-height: 1.2;
        max-width: 100%
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top .pxl-item-new {
    font-size: 18px;
    color: #020304;
    background-color: var(--primary-color);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    padding: 2px 30px 0;
    height: 39px;
    display: inline-block;
    align-content: center;
    -webkit-border-radius: 30px 0 0 30px;
    -khtml-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px
}

@media(max-width:480px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-top .pxl-item-new {
        font-size: 16px;
        padding: 2px 15px 0;
        top: 0;
        transform: unset
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-content-bottom {
    padding: 38px 28px 26px
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list {
    display: flex
}

@media(max-width:1024px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list {
        justify-content: center
    }
}

@media(max-width:575px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list {
        display: block
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list ul {
    margin: 0
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list ul li {
    list-style: none;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #494949;
    margin-bottom: 17px
}

@media(max-width:1199px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list ul li {
        font-size: 15px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list ul li:last-child {
    margin-bottom: 0
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list ul li .pxl-icon {
    line-height: 1;
    margin-right: 10px
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list .pxl-list-right {
    border-left: 1px solid #d9d9d9;
    padding-left: 24px;
    margin-left: 48px
}

@media(max-width:1280px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list .pxl-list-right {
        margin-left: 24px
    }
}

@media(max-width:575px) {
    .pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-list .pxl-list-right {
        border-top: 1px solid #d9d9d9;
        border-left: unset;
        padding-left: 0;
        margin-left: 0;
        padding-top: 20px;
        margin-top: 20px
    }
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-button {
    margin-top: 40px
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-button .pxl-item-btn {
    font-size: 18px;
    font-weight: 700;
    height: 56px;
    color: var(--primary-color);
    background-color: #ffeadb;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px
}

.pxl-tabs-pricing1.style-1 .pxl-inner-content .pxl-item-button .pxl-item-btn:hover {
    background-color: var(--primary-color);
    color: #fff
}

.pxl-tabs-slip1 .elementor-section-full_width {
    left: 0 !important
}

.pxl-tabs-slip1.style-1 .pxl-tabs--content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: max-content;
    overflow: hidden
}

.pxl-tabs-slip1.style-1 .pxl-item--content {
    overflow: hidden;
    transform-origin: bottom;
    width: 100vw;
    max-width: 100vw
}

.pxl--progressbar {
    -webkit-transition: width 1.4s ease;
    -khtml-transition: width 1.4s ease;
    -moz-transition: width 1.4s ease;
    -ms-transition: width 1.4s ease;
    -o-transition: width 1.4s ease;
    transition: width 1.4s ease;
    width: 0
}

.pxl--progressbar.vertical {
    -webkit-transition: height 1.4s ease;
    -khtml-transition: height 1.4s ease;
    -moz-transition: height 1.4s ease;
    -ms-transition: height 1.4s ease;
    -o-transition: height 1.4s ease;
    transition: height 1.4s ease;
    height: 0
}

.pxl-progressbar-1.style1 .pxl-progressbar--wrap {
    height: 10px;
    border-radius: 30px;
    background-color: #eaeaea
}

.pxl-progressbar-1.style1 .pxl-progressbar--wrap .pxl--progressbar {
    height: 10px;
    border-radius: 30px;
    background-color: var(--primary-color);
    position: relative
}

.pxl-progressbar-1.style1 .pxl--title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--link-color)
}

.pxl-progressbar-1.style1 .pxl--percentage {
    color: var(--link-color);
    margin-bottom: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase
}

.pxl-progressbar-1.style1 .pxl--item+.pxl--item {
    margin-top: 23px
}

.pxl-team-carousel1 .pxl-item--holder:before,
.pxl-team-grid1 .pxl-item--holder:before {
    display: none
}

.pxl-team-carousel1 .pxl-holder--inner,
.pxl-team-grid1 .pxl-holder--inner {
    background-color: unset !important
}

.pxl-team-carousel1 .pxl-carousel-inner,
.pxl-team-grid1 .pxl-carousel-inner {
    position: relative;
    padding: 0 25px
}

@media(max-width:991px) {

    .pxl-team-carousel1 .pxl-carousel-inner,
    .pxl-team-grid1 .pxl-carousel-inner {
        padding: 0
    }
}

.pxl-team-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap,
.pxl-team-grid1 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
    position: absolute;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    top: 49%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

@media(max-width:991px) {

    .pxl-team-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap,
    .pxl-team-grid1 .pxl-carousel-inner .pxl-swiper-arrow-wrap {
        display: none
    }
}

.pxl-team-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow,
.pxl-team-grid1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%)
}

.pxl-team-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev,
.pxl-team-grid1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-prev {
    left: 0
}

.pxl-team-carousel1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next,
.pxl-team-grid1 .pxl-carousel-inner .pxl-swiper-arrow-wrap .pxl-swiper-arrow.pxl-swiper-arrow-next {
    right: 0
}

.pxl-team-carousel1 .pxl-swiper-container,
.pxl-team-grid1 .pxl-swiper-container {
    margin: 0 -20px
}

@media(max-width:991px) {

    .pxl-team-carousel1 .pxl-swiper-container,
    .pxl-team-grid1 .pxl-swiper-container {
        margin: 0 -15px
    }
}

.pxl-team-carousel1 .pxl-swiper-slide,
.pxl-team-grid1 .pxl-swiper-slide {
    padding: 0 20px
}

@media(max-width:991px) {

    .pxl-team-carousel1 .pxl-swiper-slide,
    .pxl-team-grid1 .pxl-swiper-slide {
        padding: 0 15px
    }
}

.pxl-team-carousel1 .pxl-item--inner,
.pxl-team-grid1 .pxl-item--inner {
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-team-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta,
.pxl-team-grid1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta {
    transform: scaleY(1);
    background-color: #000143;
    backdrop-filter: blur(30px)
}

.pxl-team-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-item-hover,
.pxl-team-grid1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-item-hover {
    transform: scaleY(1)translateY(0)
}

.pxl-team-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-item--title,
.pxl-team-grid1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-item--title {
    color: #fff
}

.pxl-team-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-item--position,
.pxl-team-grid1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-item--position {
    color: #fff
}

.pxl-team-carousel1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-social--wrap,
.pxl-team-grid1 .pxl-item--inner:hover .pxl-item--holder .pxl-item--meta .pxl-social--wrap {
    opacity: 1
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%, 0);
    padding: 20px
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta {
    background-color: #fff;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    padding: 32px 15px 31px;
    overflow: hidden;
    transform: scaleY(.73);
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    transform-origin: bottom
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-item-hover,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-item-hover {
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    transform: scaleY(1.4)translateY(15px)
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-item--title,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-item--title {
    color: var(--link-color);
    font-size: 26.5px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.21;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-item--position,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-item--position {
    font-size: 17px;
    color: #686877;
    margin-bottom: 5px;
    margin-top: 4px;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-social--wrap,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-social--wrap {
    display: inline-flex;
    -webkit-transition: all 400ms linear 0ms;
    -khtml-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -ms-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
    opacity: 0
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-social--wrap .pxl-social--icon,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-social--wrap .pxl-social--icon {
    display: inline-flex;
    align-items: center;
    gap: 7px
}

.pxl-team-carousel1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-social--wrap .pxl-social--icon a,
.pxl-team-grid1 .pxl-item--inner .pxl-item--holder .pxl-item--meta .pxl-social--wrap .pxl-social--icon a {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    color: #000143;
    font-size: 8px
}

.pxl-team-box1 .pxl-team-inner {
    position: relative;
    perspective: 1e3px;
    max-width: 240px;
    max-height: 240px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.pxl-team-box1 .pxl-team-inner:hover .pxl-item--img {
    transform: rotateY(180deg)
}

.pxl-team-box1 .pxl-team-inner:hover .pxl-content-section {
    transform: rotateY(0)
}

.pxl-team-box1 .pxl-team-inner .pxl-item-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.pxl-team-box1 .pxl-team-inner .pxl-item--img,
.pxl-team-box1 .pxl-team-inner .pxl-content-section {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.pxl-team-box1 .pxl-team-inner .pxl-item--img {
    position: relative;
    transition: transform .8s ease-in-out;
    transform-style: preserve-3d;
    opacity: 1;
    z-index: 2
}

.pxl-team-box1 .pxl-team-inner .pxl-item--img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pxl-team-box1 .pxl-team-inner .pxl-item--img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d9d9d9;
    opacity: .6;
    mix-blend-mode: color;
    z-index: 0
}

.pxl-team-box1 .pxl-team-inner .pxl-content-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    align-content: center;
    transform: rotateY(180deg);
    transition: all .8s ease-in-out;
    background-color: #333;
    z-index: 1
}

.pxl-team-box1 .pxl-team-inner .pxl-content-section:before {
    content: '';
    width: 91%;
    height: 91%;
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid var(--link-color);
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%)
}

.pxl-team-box1 .pxl-team-inner .pxl-content-section .pxl-item-title {
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 3px
}

.pxl-team-box1 .pxl-team-inner .pxl-content-section .pxl-item-position {
    font-size: 15px;
    color: #999
}

.pxl-pricing--feature.active-feature1 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature1 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature1 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature2 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature2 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature3 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature3 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature4 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature4 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(1) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(1) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(2) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(2) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(3) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(3) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(4) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(4) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(5) .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature5 li:nth-child(5) .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(6) .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.active-feature5 li:nth-child(6) .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing--feature.active-feature6 li .pxl-icon.pxl-icon-check {
    display: block
}

.pxl-pricing--feature.active-feature6 li .pxl-icon.pxl-icon-no-check {
    display: none
}

.pxl-pricing--feature.style-no-active li .pxl-icon.pxl-icon-check {
    display: none
}

.pxl-pricing--feature.style-no-active li .pxl-icon.pxl-icon-no-check {
    display: block
}

.pxl-pricing-flip1 .pxl-pricing-inner {
    position: relative;
    width: 880px;
    height: 630px;
    perspective: 150px;
    cursor: pointer
}

@media(max-width:1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner {
        width: 100%
    }
}

@media(max-width:1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner {
        height: 595px
    }
}

@media(max-width:575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner {
        height: 550px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
    position: absolute;
    width: 100%;
    height: 508px;
    left: 120px;
    top: 0;
    background-color: #d5d5d5;
    z-index: 1
}

@media(max-width:1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
        left: 0
    }
}

@media(max-width:1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
        height: 475px
    }
}

@media(max-width:575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item {
        height: 430px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active {
    position: absolute;
    left: 41px;
    top: 13px;
    opacity: 1;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width:1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active {
        top: 9px;
        left: 30px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active .pxl-item-title {
    color: #999;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2
}

@media(max-width:1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-no-active .pxl-item-title {
        font-size: 15px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content {
    opacity: 0;
    display: flex;
    flex-direction: row;
    gap: 90px;
    padding: 64px 50px 30px;
    -webkit-transition: all 500ms linear 0ms;
    -khtml-transition: all 500ms linear 0ms;
    -moz-transition: all 500ms linear 0ms;
    -ms-transition: all 500ms linear 0ms;
    -o-transition: all 500ms linear 0ms;
    transition: all 500ms linear 0ms
}

@media(max-width:1280px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content {
        gap: 30px;
        justify-content: space-between;
        padding: 50px 30px
    }
}

@media(max-width:575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content {
        flex-wrap: wrap
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left {
    width: 38.4%
}

@media(max-width:575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left {
        width: 100%
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item-title {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    line-height: 1.2;
    border-bottom: 1px solid #fff;
    padding-bottom: 8px;
    margin-bottom: 59px
}

@media(max-width:575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item-title {
        margin-bottom: 25px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price {
    font-size: 72px;
    color: #fff;
    font-weight: 300;
    line-height: 1;
    display: flex;
    margin-bottom: 33px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price .pxl-item-suffix,
.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price .pxl-item-prefix {
    font-size: 42px
}

@media(max-width:767px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-pricing--price {
        font-size: 50px
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item-desc {
    font-size: 15px;
    color: #777;
    margin-bottom: 42px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item--btn .btn {
    background-color: #fff;
    color: var(--link-color);
    display: flex
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-left .pxl-item--btn .btn svg path {
    stroke: var(--link-color)
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right {
    width: 50%;
    padding-top: 5px
}

@media(max-width:575px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right {
        width: 100%;
        display: none
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-title-feature {
    color: #999;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 46px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature {
    margin-bottom: 0
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li {
    list-style: none;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 14px;
    margin-bottom: 17px
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li .pxl-icon.pxl-icon-check svg path {
    stroke: #fff
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item .pxl-item-content .pxl-item-right .pxl-pricing--feature li .pxl-icon.pxl-icon-no-check svg path {
    stroke: #777
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(2) {
    left: 80px;
    top: 40px;
    background-color: #999
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(2) .pxl-no-active .pxl-item-title {
    color: #777
}

@media(max-width:1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(2) {
        left: 0
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(3) {
    left: 40px;
    top: 80px;
    background-color: #777
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(3) .pxl-no-active .pxl-item-title {
    color: #555
}

@media(max-width:1366px) {
    .pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(3) {
        left: 0
    }
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(4) {
    left: 0;
    top: 120px;
    background-color: var(--link-color)
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(4) .pxl-no-active .pxl-item-title {
    opacity: 0
}

.pxl-pricing-flip1 .pxl-pricing-inner .pxl-item:nth-child(4) .pxl-item-content {
    opacity: 1
}