/*--------------------------------------------------------------
Grid Reset
----------------------------------------------------------------*/
/*--------------------------------------------------------------
Carousel Reset
----------------------------------------------------------------*/
/* Header Default */
/*--------------------------------------------------------------
BLOG GRID
----------------------------------------------------------------
1. Case Logo
2. Case Text Editor
3. Case Image
4. Case Heading
5. Case Links
6. Case Icons
7. Case Call Phone
8. Case MailChimp
9. Case Language Switch
10. Case Button Video
11. Case Tabs
12. Case Banner Box
13. Case Progressbar
14. Case Partner Carousel
15. Case Counter
16. Case Pricing
17. Case Recent News
18. Case Contact Form
19. Case Social Icon
20. Case Contact Info
21. Case Showcase
22. Case Image Carousel
23. Case Breadcrumb
24. Case List
25. Case Video Player
26. Case Info Box
27. Case Search Form
28. Case Contact Box
29. Case Accordion
30. Case Icon Box
31. Case Post Lists
32. Case Process
--------------------------------------------------------------*/
/* Loading */
/*--------------------------------------------------------------
BLOG STYLE
----------------------------------------------------------------
# Blog Grid
# Blog Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Service Style
----------------------------------------------------------------
# Service Grid
# Service Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Portfolio Style
----------------------------------------------------------------
# Portfolio Grid
# Portfolio Carousel
# Portfolio Details
--------------------------------------------------------------*/
/*--------------------------------------------------------------
BLOG STYLE
----------------------------------------------------------------
# Blog Grid
# Blog Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Team Grid/Carousel
--------------------------------------------------------------*/
/*--------------------------------------------------------------
TESTIMONIALS GRID
----------------------------------------------------------------
# Testimonial Grid
# Testimonial Carousel
--------------------------------------------------------------*/
@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 {
    display: none !important;
  }
    .pxl-service-style1 .pxl-post--readmore{
    /* color:#000000 !important; */
  }
}
@keyframes pxl_scale {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes pxl_scale1 {
  0% {
    transform: scale(1);
    opacity: 0.67;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@-webkit-keyframes pxl_scale1 {
  0% {
    transform: scale(1);
    opacity: 0.67;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@-ms-keyframes pxl_spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes pxl_spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes pxl_spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes pxl_spin {
  from {
    transform: rotate(0deg);
  }
  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(0.6);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.6, 0.6);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.6, 0.6);
  }
}
@-ms-keyframes pxl_spin_reverse {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
  }
}
@-moz-keyframes pxl_spin_reverse {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(-360deg);
  }
}
@-webkit-keyframes pxl_spin_reverse {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes pxl_spin_reverse {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: 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);
  }
}
@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(0px);
  }
  25% {
    transform: translateX(40px);
  }
  50% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(-40px);
  }
  100% {
    transform: translateX(0px);
  }
}
.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(0px);
  }
  25% {
    transform: translateX(-40px);
  }
  50% {
    transform: translateX(0px);
  }
  75% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes pxl_bottom_top_small {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateY(10px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes pxl_float_one {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-3%);
  }
}
@keyframes pxl_float_two {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes pxl_bottom_top {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateY(40px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes pxl_effect1 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(40px, -5px);
  }
  40% {
    transform: translate(60px, 40px);
  }
  60% {
    transform: translate(40px, 60px);
  }
  80% {
    transform: translate(-40px, 60px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes pxl_effect2 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(-30px, 40px);
  }
  40% {
    transform: translate(60px, 60px);
  }
  60% {
    transform: translate(70px, 40px);
  }
  80% {
    transform: translate(40px, -70px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes pxl_effect3 {
  0% {
    transform: translate(0px, 0px);
  }
  30% {
    transform: translate(40px, 60px);
  }
  45% {
    transform: translate(80px, 90px);
  }
  65% {
    transform: translate(40px, 110px);
  }
  75% {
    transform: translate(20px, 800px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes pxl_top_bottom {
  0% {
    transform: translateX(0px);
  }
  25% {
    transform: translateY(-40px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@-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(0deg) translateX(10px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
}
@-moz-keyframes pxl_animation_round {
  from {
    transform: rotate(0deg) translateX(10px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
}
@-o-keyframes pxl_animation_round {
  from {
    transform: rotate(0deg) translateX(10px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
}
@keyframes pxl_animation_round {
  from {
    transform: rotate(0deg) translateX(10px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
}
@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: 0.67;
  }
  100% {
    transform: scale(2.2);
    opacity: 0;
  }
}
@-webkit-keyframes pxl_pulse_border {
  0% {
    transform: scale(1);
    opacity: 0.67;
  }
  100% {
    transform: scale(2.2);
    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 dotAnimatedBottomToTop1 {
  0% {
    bottom: 14%;
  }
  50% {
    bottom: 100%;
  }
  100% {
    bottom: 14%;
  }
}
@keyframes dotAnimatedBottomToTop2 {
  0% {
    bottom: 64%;
  }
  50% {
    bottom: 0%;
  }
  100% {
    bottom: 100%;
  }
}
@keyframes dotAnimatedBottomToTop3 {
  0% {
    bottom: 5%;
  }
  50% {
    bottom: 100%;
  }
  100% {
    bottom: 5%;
  }
}
@keyframes dotAnimatedBottomToTop4 {
  0% {
    bottom: 78%;
  }
  50% {
    bottom: 0%;
  }
  100% {
    bottom: 78%;
  }
}
@keyframes dotAnimatedBottomToTop5 {
  0% {
    bottom: 46%;
  }
  50% {
    bottom: 0%;
  }
  100% {
    bottom: 46%;
  }
}
@keyframes dotAnimatedBottomToTop6 {
  0% {
    bottom: 27%;
  }
  50% {
    bottom: 100%;
  }
  100% {
    bottom: 27%;
  }
}
@-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;
  }
}
@keyframes toLeftFromRight {
  49% {
    transform: translate(-100%);
  }
  50% {
    opacity: 0;
    transform: translate(100%);
  }
  51% {
    opacity: 1;
  }
}
.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 .section--class.section--class-stretched {
  width: auto !important;
  left: 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 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform: translateY(30px);
}
.pxl-tabs.tab-effect-fade .pxl-tab--content.active {
  position: static;
  opacity: 1 !important;
  visibility: visible;
  transform: translateY(0px);
}
.pxl-tabs.tab-effect-fade .pxl-tabs--content {
  position: relative;
}
.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--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-grid .pxl-grid-masonry {
  position: relative;
}
.pxl-grid .grid-sizer {
  z-index: -1;
}
.pxl-grid .pxl-load-more {
  text-align: center;
  padding: 0 15px;
}
.pxl-grid .pxl-post--featured, .pxl-post-carousel .pxl-post--featured, .pxl-swiper-slider .pxl-post--featured {
  position: relative;
}
.pxl-grid .pxl-post--link, .pxl-post-carousel .pxl-post--link, .pxl-swiper-slider .pxl-post--link {
  z-index: 99;
}
 .pxl-grid .pxl-post--featured img, .pxl-post-carousel .pxl-post--featured img, .pxl-swiper-slider .pxl-post--featured img {
  width: 100%;
}
.pxl-grid .pxl-post--title a, .pxl-post-carousel .pxl-post--title a, .pxl-swiper-slider .pxl-post--title a {
  color: inherit;
}
.pxl-grid .pxl-post--title a:hover, .pxl-post-carousel .pxl-post--title a:hover, .pxl-swiper-slider .pxl-post--title a:hover {
  color: inherit;
}
.pxl-grid .pxl-post--category, .pxl-post-carousel .pxl-post--category, .pxl-swiper-slider .pxl-post--category {
  position: relative;
}
.pxl-grid .pxl-post--category.link-none:before, .pxl-post-carousel .pxl-post--category.link-none:before, .pxl-swiper-slider .pxl-post--category.link-none:before, .pxl-grid .pxl-post--category.deactive-click:before, .pxl-post-carousel .pxl-post--category.deactive-click:before, .pxl-swiper-slider .pxl-post--category.deactive-click: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-swiper-slider .pxl-post--category a {
  color: inherit;
}
.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-loadmore-text {
  opacity: 0;
}
.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.style-1 {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.pxl-grid-filter.style-1 .filter-item {
  font-size: 16px;
  color: #969696;
  font-weight: 700;
  margin: 10px 17px 10px 17px;
}
.pxl-grid-filter.style-1 .filter-item:before {
  content: '';
  width: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 1px;
  background-color: #535667;
  height: 1px;
  -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;
}
.pxl-grid-filter.style-1 .filter-item.active {
  color: #01062e;
}
.pxl-grid-filter.style-1 .filter-item.active:before {
  width: 100%;
}
.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-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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}
.pxl-swiper-slider {
  position: relative;
}
.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;
}
.pxl--hide-arrow .pxl-swiper-arrow-wrap {
  opacity: 0 !important;
  visibility: hidden !important;
  position: absolute;
}
 .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-fraction-first, .pxl-swiper-fraction-last {
  font-size: 20px;
  font-weight: 700;
  color: #040505;
  margin: 0 16px;
  display: inline-flex;
}
.pxl-swiper-arrow-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.pxl-swiper-arrow-wrap .pxl-swiper-arrow {
  -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;
  /* Swiper Arrow Style */
}
.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow {
  width: 65px;
  height: 65px;
  color: #cdcdcd;
  border-radius: 65px;
  border: 2px solid #cdcdcd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  margin: 0 7px;
}
.pxl-swiper-arrow-wrap.style-1 .pxl-swiper-arrow:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 7px;
}
.pxl-swiper-arrow-wrap.style-2 .pxl-swiper-arrow svg {
  height: 26px;
  fill: #000;
}
html {
  box-sizing: border-box;
}
body {
  background-color: #fff;
  font-size: 18px;
  line-height: 1.66667;
  color: #444;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-weight: normal;
  letter-spacing: 0;
  font-family: 'Barlow', sans-serif;
  margin: 0;
  padding: 0;
}
body.body-overflow {
  overflow: hidden;
}
@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;
}
 blockquote:not(.pxl-blockquote), .pxl-call-phone1.style-1 .pxl-item--number, .pxl-call-phone1.style-2 .pxl-item--number, .pxl-progressbar-1.style-1 .pxl--holder, .pxl-counter1 .pxl-counter--number, .pxl-pricing1 .pxl-pricing--price, .pxl-contact-form .pxl-form--label, .woocommerce .nice-select, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.wc-forward, .woocommerce button.button, .woocommerce input.button, .woocommerce .cart button.button, .woocommerce a.button.alt, .woocommerce button.button:disabled, .woocommerce a.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button.alt, .pxl-blog-style3 .pxl-post--button, .pxl-blog-style3 .pxl-post--button, .btn {
  font-family: "Fira Sans", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Fira Sans', sans-serif;
  color: #000;
  font-weight: 700;
  margin: 0 0 15px;
  clear: both;
  line-height: 1.36;
}
h1, .h1 {
  font-size: 52px;
}
h2, .h2 {
  font-size: 48px;
}
h3, .h3 {
  font-size: 32px;
}
h4, .h4 {
  font-size: 28px;
}
h5, .h5 {
  font-size: 24px;
  line-height: 1.4545;
}
h6, .h6 {
  font-size: 18px;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}
p {
  margin: 0 0 15px;
}
table {
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
  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;
}
caption, td {
  font-weight: normal;
}
.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 #ededed;
  padding: 10px;
  border-right: 1px solid #ededed;
}
td {
  border-top: 1px solid #ededed;
  padding: 10px;
  border-right: 1px solid #ededed;
}
dl {
  margin: 0 0 0 25px;
}
dl dt {
  font-weight: normal;
  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 {
  background-color: transparent;
  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;
}
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;
}
.sticky {
  display: block;
}
.screen-reader-text {
  display: none;
}
blockquote:not(.pxl-blockquote) {
  padding: 28px 30px;
  font-size: 20px;
  line-height: 1.5;
  color: #000001;
  position: relative;
  font-weight: 700;
  margin: 30px 0 26px;
  z-index: 1;
  background-color: #f8f9fa;
  border-left: 5px solid var(--gradient-color-from);
  border-right: 5px solid var(--gradient-color-to);
  border-radius: 10px;
  overflow: hidden;
}
blockquote:not(.pxl-blockquote):before {
  content: '';
  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');
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  blockquote:not(.pxl-blockquote) {
    padding-left: 20px;
    padding-right: 20px;
  }
}
blockquote:not(.pxl-blockquote) .pxl-blockquote-icon {
  line-height: 1;
  font-size: 56px;
  position: absolute;
  top: 10px;
  left: 18px;
  transform: scale(-1);
  opacity: 0.47;
}
blockquote:not(.pxl-blockquote) p {
  margin-bottom: 0 !important;
}
@font-face {
  font-family: 'Julietta-Messie';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/julietta-messie.woff2') format('woff2'), url('../fonts/julietta-messie.woff') format('woff');
}
#pxl-wapper {
  overflow-x: clip;
}
@media screen and (min-width: 1201px) {
  #pxl-wapper .container {
    max-width: 1200px;
    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;
  }
}
#pxl-wapper .top--section:not(.section--class-full_width) .section--class.inner--section > .container--fesweb.column-gap-extended {
  margin: 0 -15px;
  left: calc(50% + 15px);
  transform: translate(-50%, 0);
  position: relative;
}
@media screen and (max-width: 1200px) {
  #pxl-wapper .top--section > .column-gap-extended .inner--section > .column-gap-extended {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#pxl-main {
  padding: 120px 0;
  min-height: calc(100vh - 606px);
}
@media screen and (max-width: 1200px) {
  #pxl-main {
    overflow-x: clip;
  }
}
@media screen and (max-width: 1024px) {
  #pxl-main > .container--fesweb {
    padding: 0 15px;
  }
}
.elementor-page:not(.single-post):not(.single-product) #pxl-main {
  padding-top: 0;
  padding-bottom: 0;
}
.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;
  min-height: 0px;
}
@media (min-width: 1025px) and (max-width: 1200px) {
  .elementor-page:not(.single) #pxl-content-area.col-12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#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: #f5f6f6;
  padding: 150px 0;
}
@media screen and (max-width: 767px) {
  #pxl-page-title-default {
    padding: 90px 0;
  }
}
#pxl-page-title-default .row {
  align-items: center;
}
.pxl-scroll-top {
  width: 46px;
  height: 46px;
  position: fixed;
  bottom: 20px;
  right: 40px;
  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;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  box-shadow: inset 0 0 0 2px #d4d4d4;
}
@media screen and (max-width: 991px) {
  .pxl-scroll-top {
    right: 25px;
  }
}
.pxl-scroll-top:before {
  content: '';
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  z-index: -1;
  background-color: #01062e;
  border-radius: 100%;
}
.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);
  }
}
#pxl-footer-elementor .footer-elementor-inner > .container {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  #pxl-footer-elementor {
    overflow-x: clip;
  }
}
.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;
  }
}
body img.mfp-img {
  padding: 0 !important;
}
body .mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.85;
  background-color: #000;
}
body .mfp-bottom-bar {
  margin-top: 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;
  position: absolute;
}
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;
}
@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 {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }
}
.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(0deg);
    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 0px;
  }
  25% {
    box-shadow: 20px 0px, 40px 0px, 60px 10px;
  }
  50% {
    box-shadow: 20px 10px, 40px -10px, 60px 0px;
  }
  75% {
    box-shadow: 20px 0px, 40px 0px, 60px -10px;
  }
  100% {
    box-shadow: 20px -10px, 40px 10px, 60px 0px;
  }
}
@keyframes pxl_loaderFlash {
  0% {
    background-color: rgba(3, 202, 254, 0.28);
    box-shadow: 32px 0 rgba(3, 202, 254, 0.28), -32px 0 var(--primary-color);
  }
  50% {
    background-color: var(--primary-color);
    box-shadow: 32px 0 rgba(3, 202, 254, 0.28), -32px 0 rgba(3, 202, 254, 0.28);
  }
  100% {
    background-color: rgba(3, 202, 254, 0.28);
    box-shadow: 32px 0 var(--primary-color), -32px 0 rgba(3, 202, 254, 0.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(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}
@keyframes pxl_loader_rotate2 {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}
@keyframes pxl_loader_rotate3 {
  /*  Site Loader */
  /*  Mouse Move Animation */
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}
.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, 0.08);
  -khtml-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08);
  -moz-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08);
  -ms-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08);
  -o-box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08);
  box-shadow: 0 8px 8px rgba(29, 27, 76, 0.08);
  font-size: 15px;
  color: #111013;
  z-index: 9999;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  visibility: hidden;
  /* PXL Popup */
}
@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-section-overlay-image {
  /* End 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%;
}
body.rtl {
  /* Start Page Popup */
}
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(0.85);
  -khtml-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.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: 0px;
}
@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;
  }
}
@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) {
  /* Section Parallax */  body:not(.elementor-editor-active) .elementor .elementor-hidden-mobile {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    display: block !important;
    text-indent: -99999px;
    top: 0;
    left: 0;
  }
}
.pxl-section-bg-parallax, .pxl-column-bg-parallax {
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
body:not(.elementor-editor-active) .pxl-section-parallax-overflow.top--section > .container--fesweb {
  z-index: 3;
}
.pxl-section-parallax-overflow, .pxl-section-overflow-hidden {
  overflow: hidden !important;
}
.pxl-zoom-point {
  width: 240px;
  height: 240px;
  position: absolute;
  z-index: -1;
  right: 0;
  top: -240px;
  margin: auto;
  left: 0;
}
@-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 {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
.pxl-loader.is-loaded {
  opacity: 0;
  visibility: hidden;
}
.pxl-loader.style-2 {
  background-color: #000;
}
.pxl-loader.style-2 .loader-circle {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  direction: ltr;
}
.pxl-loader.style-2 .loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  transform-origin: 60px 60px;
  animation: pxl_spin 1.2s infinite linear;
}
.pxl-loader.style-2 .loader-line-mask .loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.44)), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.44), rgba(255, 255, 255, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255, 255, 255, 0.44)', endColorStr='rgba(255, 255, 255, 0)');
  background-color: transparent;
  position: relative;
}
.pxl-loader.style-2 .loader-line-mask .loader-line:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #000;
  z-index: 99;
  border-radius: inherit;
}
.pxl-loader.style-2 .loader-logo {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.pxl-loader.style-2 .loader-logo img {
  height: 42px;
  width: auto;
  opacity: 0.87;
}
.elementor > .pin-spacer {
  width: 100% !important;
}
.elementor > .pin-spacer > .section--class {
  max-width: 100% !important;
  width: 100% !important;
  left: 0 !important;
}
.pxl-section-fix-bottom {
  z-index: 999;
}
.scroll-top-active > .section--class {
  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: 1200px) {
  .section--class .container--fesweb {
    flex-wrap: wrap;
  }
}
body.rtl .pxl-hidden-panel-popup {
  right: auto;
  left: 0;
}
body.rtl .pxl-scroll-top {
  right: auto;
  left: 40px;
}
body.rtl .pxl-page-popup .pxl-popup--close {
  right: auto;
  left: 30px;
}
.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 0.7s, padding-top 0.7s;
  top: 55px;
  left: 35px;
}
.pxl-overlay-shake:hover .pxl-overlay--color {
  width: calc(100% * 4) !important;
  padding-top: calc(100% * 4);
}
.hover-imge-effect2 {
  position: relative;
  overflow: hidden;
}
.hover-imge-effect2 img {
  -webkit-transition: all 0.5s ease;
  -khtml-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1.01, 1.01);
}
.hover-imge-effect3 {
  position: relative;
  overflow: hidden;
}
.hover-imge-effect3 img {
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -khtml-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.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-fl-middle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.pxl-hidden {
  display: none;
}
.pxl-text-center {
  text-align: center;
}
.pxl-text-right {
  text-align: right;
}
.pxl-flex-grow {
  flex-grow: 1;
}
.pxl-flex-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.el-empty:empty, .pxl-empty:empty {
  display: none !important;
}
 .pxl-grid .pxl-post--link, .pxl-post-carousel .pxl-post--link, .pxl-swiper-slider .pxl-post--link {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pxl-item--flexnw {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.text-gradient, .pxl-text-editor.highlight-gradient .pxl-text--highlight, .pxl-heading .px-sub-title-shape5 .pxl-item--subtext, .pxl-call-phone1.style-2 .pxl-item--icon i, .pxl-contact-form .pxl-form--label span, .pxl-blog-style3 .pxl-post--category a, .pxl-blog-style3 .pxl-post--category a {
  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: transparent;
  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-first {
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-from) 45%, var(--gradient-color-to) 100%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-from) 45%, var(--gradient-color-to) 100%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-from) 45%, var(--gradient-color-to) 100%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-from) 45%, var(--gradient-color-to) 100%);
  background-image: linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-from) 45%, var(--gradient-color-to) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
 .pxl-text-editor.highlight-gradient2 .pxl-text--highlight {
  background-image: -webkit-linear-gradient(48deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -moz-linear-gradient(48deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -ms-linear-gradient(48deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -o-linear-gradient(48deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: linear-gradient(48deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-color: transparent;
  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-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gradient-color-to)), to(var(--gradient-color-from)));
  background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
  background-image: -moz-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
  background-image: -ms-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
  background-image: -o-linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
  background-image: linear-gradient(to bottom, var(--gradient-color-to), var(--gradient-color-from));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-to)', endColorStr='var(--gradient-color-from)');
  background-color: transparent;
  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 {
  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: transparent;
  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: transparent;
  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;
}
.bg-gradient2 {
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
.bg-image {
  background-position: center;
  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: rgba(255, 255, 255, 0.7);
  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: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-color: #1b1b1b;
}
.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(0deg);
  -khtml-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pxl-hide {
  display: none;
}
@media screen and (min-width: 1201px) {
  .pxl-hide-xl {
    display: none !important;
  }
}
@media screen and (min-width: 1201px) {
  #pxl-header-elementor {
    min-height: 0px !important;
    position: relative;
    z-index: 1001;
  }
  #pxl-header-elementor .col-12 {
    min-height: 0px;
  }
}
#pxl-header-elementor #pxl-header-mobile {
  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;
  top: 0;
  -webkit-transform: translateY(-120%);
  -khtml-transform: translateY(-120%);
  -moz-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  -o-transform: translateY(-120%);
  transform: translateY(-120%);
  -webkit-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -khtml-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -moz-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -ms-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  -o-transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
  visibility: hidden;
}
#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed {
  -webkit-transform: translateY(0%);
  -khtml-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  visibility: visible;
}
#pxl-header-elementor .px-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
#pxl-header-elementor .section--class .container--fesweb, #pxl-header-elementor .inner--section, #pxl-header-elementor .elementor-widget:not(.elementor-absolute), #pxl-header-elementor .widget--wrap, #pxl-header-elementor .column--class {
  position: static;
}
.pxl--header-mobile {
  opacity: 0;
  /* Header Menu */
}
.pxl--header-mobile.px-header--transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
}
@media screen and (min-width: 1201px) {
  /* Header Tablet/Mobile */
  .pxl-menu-primary {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .pxl-menu-primary ul {
    list-style: none;
    margin: 0;
  }
  .pxl-menu-primary li {
    position: relative;
    color: #5e6e6e;
  }
  .pxl-menu-primary li a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.76);
    position: relative;
    font-weight: 500;
  }
  .pxl-menu-primary > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 14px;
  }
  .pxl-menu-primary > li > a {
    line-height: 83px;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    color: #0a0f0e;
  }
  .pxl-menu-primary .sub-menu, .pxl-menu-primary .children {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #3d3d3d;
    margin-top: 30px;
    margin-bottom: 0;
    min-width: 235px;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -khtml-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -ms-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -o-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, .09);
    -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-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: 18px 0;
  }
  .pxl-menu-primary .sub-menu li, .pxl-menu-primary .children li {
    white-space: nowrap;
  }
  .pxl-menu-primary .sub-menu li a, .pxl-menu-primary .children li a {
    padding: 10px 30px;
    display: block;
  }
  .pxl-menu-primary .sub-menu li > a:hover, .pxl-menu-primary .children li > a:hover {
    color: #fff;
  }
  .pxl-menu-primary .sub-menu li:last-child > a, .pxl-menu-primary .children li:last-child > a {
    border-bottom: none;
  }
  .pxl-menu-primary .sub-menu.pxl-sub-reverse, .pxl-menu-primary .children.pxl-sub-reverse {
    left: auto;
    right: 0;
  }
  .pxl-menu-primary .sub-menu.pxl-sub-reverse li.menu-item-has-children > a::after, .pxl-menu-primary .children.pxl-sub-reverse li.menu-item-has-children > a::after {
    content: "\f136";
    right: auto;
    left: 0;
  }
  .pxl-menu-primary .sub-menu .sub-menu, .pxl-menu-primary .children .sub-menu, .pxl-menu-primary .sub-menu .children, .pxl-menu-primary .children .children {
    top: 0;
    left: 100%;
  }
  .pxl-menu-primary .sub-menu .sub-menu.pxl-sub-reverse, .pxl-menu-primary .children .sub-menu.pxl-sub-reverse, .pxl-menu-primary .sub-menu .children.pxl-sub-reverse, .pxl-menu-primary .children .children.pxl-sub-reverse {
    left: auto;
    right: 100%;
  }
  .pxl-menu-primary li:hover > .sub-menu, .pxl-menu-primary li:hover > .children {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }
  .pxl-menu-primary .sub-menu li:hover > .sub-menu {
    margin-top: -18px;
  }
  .pxl-menu-primary .pxl-megamenu {
    position: static;
  }
  .pxl-menu-primary .pxl-megamenu > .sub-menu {
    padding: 20px 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
  .pxl-menu-primary .pxl-megamenu .pxl-link li {
    padding: 0;
    margin-bottom: 0;
  }
  .pxl-menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
   #pxl-header-elementor {
    position: relative;
    background-color: #fff;
  }
   #pxl-header-elementor .pxl-header-main {
    position: relative;
  }
   #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-menu-backdrop {
    z-index: 998;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.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, 0.08);
    -khtml-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    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 35px;
  }
  .pxl-menu-toggle {
    position: absolute;
    top: 10px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    right: 0px;
    width: 28px;
    cursor: pointer;
    font-size: 10px;
    -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s cubic-bezier(0.645, 0.045, 0.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, 0.03);
  }
  .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, .pxl-menu-primary li.pxl-item--link {
    position: relative;
  }
  .pxl-menu-primary li.menu-item > a, .pxl-menu-primary li.pxl-item--link > a {
    display: block;
    line-height: 46px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  }
  .pxl-menu-primary li.menu-item > a:hover, .pxl-menu-primary li.pxl-item--link > a:hover, .pxl-menu-primary li.menu-item > a.current, .pxl-menu-primary li.pxl-item--link > a.current {
    color: var(--primary-color);
  }
  .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: 500;
    padding-left: 14px;
  }
  .pxl-menu-primary > li > .sub-menu > li > .sub-menu > li a {
    padding-left: 28px;
  }
  .pxl-menu-primary .pxl-megamenu .pxl-mega-menu-elementor {
    margin-top: 20px;
  }
  .pxl-menu-primary .pxl-megamenu .container--fesweb > .column--class {
    width: 100%;
  }
  .pxl-menu-primary .pxl-megamenu .container--fesweb .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, 0.06);
    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 .section--class .container--fesweb {
    flex-wrap: wrap;
  }
  .pxl-logo-mobile {
    margin-bottom: 35px;
  }
  .pxl-logo-mobile img {
    height: 42px;
  }
  .pxl-logo-mobile .pxl-logo--light {
    display: none;
  }
  .pxl-menu-close {
    background-color: rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  #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;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark {
    background-color: #0b0c10;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-logo-mobile .pxl-logo--dark {
    display: none;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-logo-mobile .pxl-logo--light {
    display: block;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark.pxl-header-mobile-fixed {
    background-color: #0b0c10;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-header-menu {
    background-color: #000;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-primary li a {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.08);
  }
  #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 {
    color: #fff;
  }
  #pxl-header-elementor #pxl-header-mobile.style-dark .pxl-menu-close {
    background-color: rgba(255, 255, 255, 0.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, 0.1);
    color: rgba(255, 255, 255, 0.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 {
    border-bottom: 7px solid transparent; /* Define border width and make it transparent */
    border-image: linear-gradient(to right, #9031e5, #f42c86); /* Apply the gradient image */
    border-image-slice: 1; /* Ensure the entire image is used for the border */
    visibility: visible;
    opacity: 1;
    -webkit-animation: 0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
    -khtml-animation: 0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
    -moz-animation: 0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
    -ms-animation: 0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
    -o-animation: 0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
    animation: 0.95s ease 0s normal forwards 1 running PXL_Header_SlideDown;
  }
}
@media screen and (max-width: 767px) {
  /* Hidden Panel */  .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;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(31, 32, 34, 0.76);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -khtml-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -moz-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -ms-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  -o-transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition: all 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  cursor: pointer;
}
.pxl-hidden-panel-popup .elementor > .section--class {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
.pxl-hidden-panel-popup .pxl-popup--conent {
  max-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  background-color: #fff;
}
.pxl-hidden-panel-popup.active {
  visibility: visible;
}
.pxl-hidden-panel-popup.active .pxl-popup--conent {
  -webkit-transform: translateY(0%);
  -khtml-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s !important;
}
.pxl-hidden-panel-popup.active .pxl-popup--overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s !important;
}
.pxl-anchor-divider {
  overflow: hidden;
  width: 30px;
  height: 21px;
  cursor: pointer;
  position: relative;
}
.pxl-anchor-divider .pxl-icon-line {
  height: 3px;
  position: absolute;
  right: 0;
  border-radius: 3px;
}
.pxl-anchor-divider .pxl-icon-line:before, .pxl-anchor-divider .pxl-icon-line:after {
  content: '';
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 1;
  width: 100%;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.pxl-anchor-divider .pxl-icon-line:before {
  -webkit-transform: translate3d(100%, 0, 0);
  -khtml-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.pxl-anchor-divider .pxl-icon-line:after {
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-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);
}
.pxl-anchor-divider .pxl-icon-line.pxl-icon-line1 {
  top: 0;
  width: 22px;
}
.pxl-anchor-divider .pxl-icon-line.pxl-icon-line2 {
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
}
.pxl-anchor-divider .pxl-icon-line.pxl-icon-line3 {
  width: 16px;
  bottom: 0;
}
.pxl-anchor-button {
  cursor: pointer;
}
.pxl-anchor-button.style-2 {
  height: 46px;
  width: 46px;
  border-radius: 46px;
  border: 2px solid rgba(207, 207, 207, 0.45);
  background-color: rgba(83, 82, 84, 0.45);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.pxl-anchor-button.style-2 .pxl-anchor-divider {
  height: 16px;
  width: 25px;
}
.pxl-anchor-button.style-2 .pxl-anchor-divider .pxl-icon-line {
  height: 2px;
}
.pxl-anchor-button.style-2 .pxl-anchor-divider .pxl-icon-line:before, .pxl-anchor-button.style-2 .pxl-anchor-divider .pxl-icon-line:after {
  background-color: #fff;
}
.pxl-anchor-button.style-2 .pxl-anchor-divider .pxl-icon-line.pxl-icon-line1 {
  width: 19px;
}
.pxl-anchor-button.style-2 .pxl-anchor-divider .pxl-icon-line.pxl-icon-line2 {
  top: 7px;
}
.pxl-anchor-button.style-2 .pxl-anchor-divider .pxl-icon-line.pxl-icon-line3 {
  width: 14px;
}
.pxl-anchor-divider:hover .pxl-icon-line.pxl-icon-line1:before, .pxl-menu-hidden-sidebar .pxl-menu-button:hover .pxl-icon-line.pxl-icon-line1:before {
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-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);
  opacity: 1;
  -webkit-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms;
  -khtml-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms;
  -moz-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms;
  -ms-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms;
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 460ms;
}
.pxl-anchor-divider:hover .pxl-icon-line.pxl-icon-line1:after, .pxl-menu-hidden-sidebar .pxl-menu-button:hover .pxl-icon-line.pxl-icon-line1:after {
  -webkit-transform: translate3d(-36px, 0, 0);
  -khtml-transform: translate3d(-36px, 0, 0);
  -moz-transform: translate3d(-36px, 0, 0);
  -ms-transform: translate3d(-36px, 0, 0);
  -o-transform: translate3d(-36px, 0, 0);
  transform: translate3d(-36px, 0, 0);
  opacity: 0;
  -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -khtml-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -moz-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -ms-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.pxl-anchor-divider:hover .pxl-icon-line.pxl-icon-line2:before, .pxl-menu-hidden-sidebar .pxl-menu-button:hover .pxl-icon-line.pxl-icon-line2:before {
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-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);
  opacity: 1;
  -webkit-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms;
  -khtml-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms;
  -moz-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms;
  -ms-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms;
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 620ms;
}
.pxl-anchor-divider:hover .pxl-icon-line.pxl-icon-line2:after, .pxl-menu-hidden-sidebar .pxl-menu-button:hover .pxl-icon-line.pxl-icon-line2:after {
  -webkit-transform: translate3d(-36px, 0, 0);
  -khtml-transform: translate3d(-36px, 0, 0);
  -moz-transform: translate3d(-36px, 0, 0);
  -ms-transform: translate3d(-36px, 0, 0);
  -o-transform: translate3d(-36px, 0, 0);
  transform: translate3d(-36px, 0, 0);
  opacity: 0;
  -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms;
  -khtml-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms;
  -moz-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms;
  -ms-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 160ms;
}
.pxl-anchor-divider:hover .pxl-icon-line.pxl-icon-line3:before, .pxl-menu-hidden-sidebar .pxl-menu-button:hover .pxl-icon-line.pxl-icon-line3:before {
  -webkit-transform: translate3d(0, 0, 0);
  -khtml-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);
  opacity: 1;
  -webkit-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms;
  -khtml-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms;
  -moz-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms;
  -ms-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms;
  -o-transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms, opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 780ms;
}
.pxl-anchor-divider:hover .pxl-icon-line.pxl-icon-line3:after, .pxl-menu-hidden-sidebar .pxl-menu-button:hover .pxl-icon-line.pxl-icon-line3:after {
  -webkit-transform: translate3d(-36px, 0, 0);
  -khtml-transform: translate3d(-36px, 0, 0);
  -moz-transform: translate3d(-36px, 0, 0);
  -ms-transform: translate3d(-36px, 0, 0);
  -o-transform: translate3d(-36px, 0, 0);
  transform: translate3d(-36px, 0, 0);
  opacity: 0;
  -webkit-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms;
  -khtml-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms;
  -moz-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms;
  -ms-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms;
  -o-transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms, opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 320ms;
}
@-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 {
  /* Header Left Sidebar */
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
.px-header--left_sidebar.px-header-sidebar-style1, .px-header--left_sidebar.px-header--left_shadow {
  -webkit-box-shadow: 0px 0 18px rgba(109, 109, 109, 0.13);
  -khtml-box-shadow: 0px 0 18px rgba(109, 109, 109, 0.13);
  -moz-box-shadow: 0px 0 18px rgba(109, 109, 109, 0.13);
  -ms-box-shadow: 0px 0 18px rgba(109, 109, 109, 0.13);
  -o-box-shadow: 0px 0 18px rgba(109, 109, 109, 0.13);
  box-shadow: 0px 0 18px rgba(109, 109, 109, 0.13);
}
.px-header--left_sidebar.px-header-sidebar-style2 {
  overflow: hidden;
}
.px-header--left_sidebar.px-header-sidebar-style2 .pxl-header-content {
  overflow-y: scroll;
  height: 100vh;
  width: calc(100% + 60px);
  margin: 0 -30px;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.error404 .pxl-error-inner {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 160px 30px 120px;
  background-image: url(../images/bg-404.jpg);
  max-width: 850px;
  width: 100%;
  text-align: center;
  background-size: contain;
}
.p-10{
  padding: 10rem 0;
}
@media screen and (max-width: 767px) {
  .error404 .pxl-error-inner {
    padding: 0px 15px;
  }
}
.error404 .pxl-error-image {
  margin-bottom: 43px;
}
.error404 .pxl-error-title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.23;
  margin-bottom: 37px;
  letter-spacing: 0.25em;
  font-style: italic;
  color: var(--primary-color);
}
@media screen and (max-width: 767px) {
  .error404 .pxl-error-title {
    font-size: 16px;
  }
}
 .pxl-widget-title {
  font-size: 22px;
  padding-left: 31px;
  position: relative;
  margin-bottom: 20px;
}
 .pxl-widget-title:before {
  content: '';
  width: 26px;
  height: 2px;
  background-color: var(--primary-color);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 2px;
}
.pxl-sidebar-area .widget + .widget {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.gallery {
  margin: -10px -5px 0 -5px !important;
  display: flex;
  flex-wrap: wrap;
}
#pxl-content-main .gallery {
  margin: -5px -12px 38px -12px !important;
}
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 {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  color: #454545;
  padding: 6px 32px;
  line-height: 1.73;
  font-size: 18px;
  font-weight: 400;
  height: 60px;
  -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;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  width: 100%;
  outline: none;
  font-family: inherit;
}
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;
  border-color: var(--primary-color);
  color: #333;
}
input[type="range"] {
  padding: 0;
  background-color: transparent;
  height: auto;
  border: none;
}
select {
  height: 60px;
}
textarea {
  padding-top: 17px;
  padding-bottom: 17px;
  height: 154px;
  margin: 0;
  border-radius: 20px;
}
.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: 12px 18px;
  background-color: #fff;
  z-index: 900;
  font-size: 16px;
  color: #666;
  font-family: inherit;
  box-shadow: 0 3px 65px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
  margin-top: 30px;
  visibility: hidden;
  border-radius: 0 0 10px 10px;
}
.pxl-select .pxl-select-options li {
  padding: 9px 10px;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  line-height: normal !important;
  border-radius: 5px;
}
.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, 0.04);
}
.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: #888;
  line-height: 28px;
  text-align: center;
  font-size: 11px;
  font-family: Caseicon;
  position: absolute;
  top: 50%;
  right: 8px;
  -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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.pxl-select .pxl-select-higthlight.active {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.pxl-select .pxl-select-higthlight.active + .pxl-select-options {
  opacity: 1;
  margin-top: 0px;
  visibility: visible;
}
.pxl-select .pxl-select-higthlight.active:before {
  transform: translate(0, -50%) scaleY(-1);
  color: #444;
}
.nice-select {
  position: relative;
  padding-right: 44px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.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, 0.08);
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  line-height: normal !important;
}
.nice-select ul.list li:hover {
  color: #101010;
  background-color: rgba(0, 0, 0, 0.04);
}
.nice-select.open:before {
  transform: translate(0, -50%) scaleY(-1);
}
.nice-select.open ul.list {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}
.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: none;
  font-weight: 500;
  padding: 0 22px;
  height: 52px;
}
@media screen and (max-width: 767px) {
  .pxl-file-upload-wrapper .pxl-file-upload-input {
    padding: 0;
  }
}
body.rtl input[type="text"], body.rtl input[type="email"], body.rtl input[type="url"], body.rtl input[type="password"], body.rtl input[type="search"], body.rtl input[type="tel"], body.rtl input[type="number"], body.rtl input[type="range"], body.rtl input[type="date"], body.rtl input[type="month"], body.rtl input[type="week"], body.rtl input[type="time"], body.rtl input[type="datetime"], body.rtl input[type="datetime-local"], body.rtl input[type="color"], body.rtl textarea, body.rtl select, body.rtl .pxl-select-higthlight, body.rtl .nice-select, body.rtl .wpcf7 input[type="url"], body.rtl .wpcf7 input[type="email"], body.rtl .wpcf7 input[type="tel"] {
  direction: rtl;
}
body.rtl .pxl-select .pxl-select-higthlight::before {
  right: auto;
  left: 8px;
}
.pxl-icon-box3 {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1024px) {
  .pxl-icon-box3 {
    display: block;
  }
}
.pxl-icon-box3 .pxl-item--icon {
  min-width: 64px;
  height: 68px;
  width: 64px;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 44%, var(--gradient-color-from) 80%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 44%, var(--gradient-color-from) 80%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 44%, var(--gradient-color-from) 80%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 44%, var(--gradient-color-from) 80%);
  background-image: linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 44%, var(--gradient-color-from) 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  font-size: 24px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .pxl-icon-box3 .pxl-item--icon {
    margin: 0 0 22px 0;
  }
}
.pxl-icon-box3 .pxl-item--title {
  margin-top: 6px;
  margin-bottom: 3px;
  font-size: 24px;
}
@media screen and (max-width: 1024px) {
  .pxl-icon-box3 .pxl-item--title {
    font-size: 20px;
  }
}
.pxl-icon-box3 .pxl-item--description {
  font-size: 16px;
  color: #626262;
  line-height: 1.625;
}
.pxl-icon-box3:hover .pxl-item--icon i, .pxl-icon-box3:hover .pxl-item--icon svg, .pxl-icon-box3:hover .pxl-item--icon img {
  -o-animation: toRightFromLeft 0.3s forwards;
  -ms-animation: toRightFromLeft 0.3s forwards;
  -webkit-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
}
.pxl-logo a {
  display: inline-block;
  position: relative;
}
.pxl-logo img {
  width: auto;
  vertical-align: middle;
}
.pxl-text-editor .pxl-item--inner {
  display: inline-block;
}
.pxl-text-editor .pxl-item--inner.text-gradient, .pxl-text-editor .pxl-text-editor.highlight-gradient .pxl-text--highlight.pxl-item--inner, .pxl-text-editor.highlight-gradient .pxl-text-editor .pxl-text--highlight.pxl-item--inner, .pxl-text-editor .pxl-heading .px-sub-title-shape5 .pxl-item--subtext.pxl-item--inner, .pxl-heading .px-sub-title-shape5 .pxl-text-editor .pxl-item--subtext.pxl-item--inner, .pxl-text-editor .pxl-call-phone1.style-2 .pxl-item--icon i.pxl-item--inner, .pxl-call-phone1.style-2 .pxl-item--icon .pxl-text-editor i.pxl-item--inner, .pxl-text-editor .pxl-contact-form .pxl-form--label span.pxl-item--inner, .pxl-contact-form .pxl-form--label .pxl-text-editor span.pxl-item--inner, .pxl-text-editor .pxl-blog-style3 .pxl-post--category a.pxl-item--inner, .pxl-blog-style3 .pxl-post--category .pxl-text-editor a.pxl-item--inner, .pxl-text-editor .pxl-blog-style3 .pxl-post--category a.pxl-item--inner, .pxl-blog-style3 .pxl-post--category .pxl-text-editor a.pxl-item--inner {
  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)');
}
.pxl-text-editor strong {
  font-weight: 700;
}
.pxl-text-editor p {
  margin-bottom: 30px;
}
.pxl-text-editor p:last-child {
  margin-bottom: 0;
}
.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;
}
@media screen and (max-width: 767px) {
  .pxl-image-single.pxl-disable-parallax-sm {
    transform: none !important;
  }
}
.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;
}
.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 h2.pxl-item--title {
  font-size: 55px;
}
.pxl-heading h3.pxl-item--title {
  font-size: 30px;
}
.pxl-heading .pxl-split-text.split-in-fade {
  visibility: hidden;
  /* Style Heading */
  /* Style Sub */
}
.pxl-heading .pxl-split-text.split-in-fade.active {
  visibility: visible;
}
.pxl-heading .px-sub-title-shape2 {
  font-size: 53px;
  color: var(--primary-color);
  margin-bottom: -3px;
}
.pxl-heading .px-sub-title-shape2 .pxl-item--subtext {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-family: 'Julietta-Messie';
}
.pxl-heading .px-sub-title-shape2 .pxl-heading-icon {
  /* height: 19px; */
  /* width: 16px; */
  position: relative;
  display: inline-flex;
}
.pxl-heading .px-sub-title-shape2 .pxl-heading-icon i {
  position: absolute;
  top: 2px;
  left: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 400;
}
.pxl-heading .px-sub-title-shape2 .pxl-heading-icon i:nth-child(1) {
  margin-top: 2px;
}
.pxl-heading .px-sub-title-shape2 .pxl-heading-icon i:nth-child(2) {
  transform: scaleY(-1);
  margin-top: -2px;
}
.pxl-heading .px-sub-title-shape5 {
  font-size: 36px;
  margin-bottom: -7px;
}
.pxl-heading .px-sub-title-shape5 .pxl-item--subtext {
  display: inline-flex;
  position: relative;
  align-items: center;
  font-family: 'Julietta-Messie';
}
.pxl-heading .px-sub-title-shape5 .pxl-heading-icon {
  /* height: 34px; */
  /* width: 28px; */
  position: relative;
  display: inline-flex;
}
.pxl-heading .px-sub-title-shape5 .pxl-heading-icon i {
  position: absolute;
  top: 2px;
  left: 0;
  line-height: 1;
  font-size: 24px;
  font-weight: 400;
}
.pxl-heading .px-sub-title-shape5 .pxl-heading-icon i:nth-child(1) {
  margin-top: 2px;
}
.pxl-heading .px-sub-title-shape5 .pxl-heading-icon i:nth-child(2) {
  transform: scaleY(-1);
  margin-top: -2px;
}
@keyframes pxlKeywordRotatingIn {
  from {
    transform: translateY(70%) rotateX(-100deg);
    opacity: 0;
  }
  to {
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
}
@keyframes pxlKeywordRotatingOut {
  from {
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
  to {
    transform: translateY(-70%) rotateX(100deg);
    opacity: 0;
  }
}
.pxl-title--typewriter {
  display: inline-flex;
  white-space: nowrap;
  position: relative;
  z-index: 99;
}
.pxl-title--typewriter .pxl-item--text {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.pxl-title--typewriter .pxl-item--text:not(.is-active) {
  animation: pxlKeywordRotatingOut 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}
.pxl-title--typewriter .pxl-item--text.is-active {
  position: relative;
  opacity: 1;
  animation: pxlKeywordRotatingIn 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}
.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 .pxl-link--icon {
  min-width: 24px;
  margin-top: 5px;
  font-size: 15px;
  display: inline-flex;
}
.pxl-link.type-vertical li + li {
  margin-top: 6px;
}
.pxl-link.style-hover-divider2 .pxl-link--text {
  position: relative;
}
.pxl-link.style-hover-divider2 .pxl-link--text:before, .pxl-link.style-hover-divider2 .pxl-link--text:after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 2px;
  width: 0;
  background-color: var(--primary-color);
  -webkit-transition: width 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -khtml-transition: width 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -moz-transition: width 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -ms-transition: width 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -o-transition: width 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  transition: width 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}
.pxl-link.style-hover-divider2 .pxl-link--text:before {
  left: 0;
}
.pxl-link.style-hover-divider2 .pxl-link--text:after {
  right: 0;
}
.pxl-link.style-hover-divider2 .pxl-link--text:hover:before, .pxl-link.style-hover-divider2 .pxl-link--text:hover:after {
  width: 50%;
}
.pxl-link.style-hover-divider2 li.active .pxl-link--text:before, .pxl-link.style-hover-divider2 li.active .pxl-link--text:after {
  width: 50%;
}
.pxl-call-phone1.style-1 .pxl-item--icon {
  width: 49px;
  height: 49px;
  border: 2px solid var(--gradient-color-to);
  border-radius: 49px;
  background-color: #fff;
  font-size: 20px;
  color: #000;
  box-shadow: 2px 4px 0 0 var(--gradient-color-from);
}
.pxl-call-phone1.style-1 .pxl-item--title {
  color: var(--gradient-color-to);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1px;
}
.pxl-call-phone1.style-1 .pxl-item--number {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  line-height: normal;
}
.pxl-call-phone1.style-2 .pxl-item--icon {
  width: 60px;
  height: 60px;
  border: 2px solid #f5f3f3;
  border-radius: 60px;
  background-color: #fff;
  font-size: 21px;
  margin-right: 12px;
}
.pxl-call-phone1.style-2 .pxl-item--title {
  color: #000;
  font-size: 16px;
  margin-bottom: 1px;
}
.pxl-call-phone1.style-2 .pxl-item--number {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  line-height: normal;
}
.pxl-call-phone1.style-3 {
  font-size: 18px;
  line-height: 1.25;
  color: #2c2c2b;
  position: relative;
  /* top: 20px; */
}
.pxl-call-phone1.style-3 .pxl-item--icon {
  width: 49px;
  height: 49px;
  border: 2px solid #000;
  border-radius: 49px;
  background-color: transparent;
  font-size: 21px;
  margin-right: 12px;
  color: #000;
}
.pxl-call-phone1.style-3 .pxl-item--title {
  font-weight: 700;
}
.pxl-call-phone1 .pxl-item--inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.pxl-tabs2 .pxl-tabs--title {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .pxl-tabs2 .pxl-tabs--title {
    font-size: 18px;
  }
}
.pxl-tabs2 .pxl-tabs--title .pxl-tab--title {
  padding: 0 47px;
  width: 50%;
  align-items: center;
}
.pxl-tabs2 .pxl-tabs--title .pxl-tab--title:nth-child(1) {
  justify-content: flex-end;
}
.pxl-tabs2 .pxl-tabs--title label {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 30px;
  display: inline-flex;
  padding: 0 10px;
  position: relative;
  margin: 0 12px;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 30px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pxl-tabs2 .pxl-tabs--title label {
    font-size: 8px;
  }
}
@media screen and (max-width: 767px) {
  .pxl-tabs2 .pxl-content--inner {
    margin: 0 -15px;
  }
}
.pxl-tabs2.style-2 .pxl-tabs--title label {
  background-color: var(--gradient-color-from);
}
.pxl-tabs2.style-2 .pxl-pricing1 {
  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 top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(to top, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
}
.pxl-progressbar-1 .pxl-item--icon {
  width: 57px;
  height: 57px;
  font-size: 28px;
  color: #000;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 46px rgba(18, 18, 18, 0.14);
}
.pxl-progressbar-1.style-1 .pxl--holder {
  font-size: 16px;
  color: #111;
  font-weight: 700;
}
.pxl-progressbar-1.style-1 .pxl--meta {
  margin-bottom: 11px;
}
.pxl-progressbar-1.style-1 .pxl-progressbar--wrap {
  height: 7px;
  background-color: #e1e1e1;
}
.pxl-progressbar-1.style-1 .pxl--progressbar {
  height: 7px;
  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');
}
.pxl-progressbar-1.style-1 .pxl--item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.pxl-progressbar-1.style-1 .pxl--item + .pxl--item {
  margin-top: 39px;
}
.pxl-progressbar-1.style-2 .pxl--holder {
  font-size: 18px;
  color: #454545;
}
.pxl-progressbar-1.style-2 .pxl--meta {
  margin-bottom: 8px;
}
.pxl-progressbar-1.style-2 .pxl-progressbar--wrap {
  height: 8px;
  border-radius: 8px;
  background-color: rgba(var(--primary-color-rgb),0.08);
}
.pxl-progressbar-1.style-2 .pxl--progressbar {
  height: 8px;
  background-color: var(--primary-color);
  border-radius: 8px;
  position: relative;
}
.pxl-progressbar-1.style-2 .pxl--progressbar:before {
  content: '';
  width: 8px;
  height: 20px;
  border-radius: 80px;
  position: absolute;
  right: 0;
  top: -6px;
  background-color: var(--primary-color);
}
.pxl-progressbar-1.style-2 .pxl--percentage {
  font-weight: 500;
  color: var(--primary-color);
}
.pxl-progressbar-1.style-2 .pxl--item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.pxl-progressbar-1.style-2 .pxl--item + .pxl--item {
  margin-top: 12px;
}
.pxl-partner-carousel1 .pxl-item--logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2px;
}
.pxl-partner-carousel1 .pxl-item--logo:hover a {
  transform: scale(0.9);
}
.pxl-partner-carousel1 .pxl-swiper-wrapper {
  align-items: center;
}
.pxl-counter1 {
  display: flex;
  flex-wrap: nowrap;
}
.pxl-counter1 .pxl-counter--title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.pxl-counter1 .pxl-counter--number {
  font-weight: 700;
  font-size: 78px;
  color: #000;
  line-height: 1;
  display: inline-flex;
  margin-bottom: 2px;
  position: relative;
  z-index: 1;
}
.pxl-counter1 .pxl-counter--number:before {
  content: '';
  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)');
  height: 42px;
  width: 42px;
  border-radius: 42px;
  position: absolute;
  top: -5px;
  left: 0;
  z-index: -1;
}
.pxl-counter1.style-2 .pxl-counter--suffix, .pxl-counter1.style-2 .pxl-counter--prefix {
  color: var(--primary-color);
  font-size: 74%;
}
.pxl-counter1.style-2 .pxl-counter--number::before {
  display: none;
}
.pxl-pricing1 {
  position: relative;
  z-index: 1;
  border-radius: 20px;
  background-image: -webkit-linear-gradient(to bottom, var(--gradient-color-from2) 25%, var(--gradient-color-from) 50%, var(--gradient-color-to2) 75%, var(--gradient-color-to) 100%);
  background-image: -moz-linear-gradient(to bottom, var(--gradient-color-from2) 25%, var(--gradient-color-from) 50%, var(--gradient-color-to2) 75%, var(--gradient-color-to) 100%);
  background-image: -ms-linear-gradient(to bottom, var(--gradient-color-from2) 25%, var(--gradient-color-from) 50%, var(--gradient-color-to2) 75%, var(--gradient-color-to) 100%);
  background-image: -o-linear-gradient(to bottom, var(--gradient-color-from2) 25%, var(--gradient-color-from) 50%, var(--gradient-color-to2) 75%, var(--gradient-color-to) 100%);
  background-image: linear-gradient(to bottom, var(--gradient-color-from2) 25%, var(--gradient-color-from) 50%, var(--gradient-color-to2) 75%, var(--gradient-color-to) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  padding: 30px 45px 50px;
  font-size: 20px;
  color: #ccc;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .pxl-pricing1 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}
.pxl-pricing1:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background-color: #202021;
  z-index: -1;
  border-radius: 18px;
}
.pxl-pricing1 .pxl-pricing--top {
  margin-bottom: 16px;
}
.pxl-pricing1 .pxl-pricing--top span {
  display: inline-block;
  line-height: 35px;
  background-color: #fff;
  padding: 0 19px;
  border-radius: 35px;
  font-size: 12px;
  font-weight: 700;
  color: #121212;
  text-transform: uppercase;
}
.pxl-pricing1 .pxl-pricing--price {
  font-size: 70px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .pxl-pricing1 .pxl-pricing--price {
    font-size: 60px;
  }
}
.pxl-pricing1 .pxl-pricing--price .pxl-pricing--currency {
  font-size: 30px;
  position: relative;
  top: 33px;
  color: #9570f1;
}
@media screen and (max-width: 767px) {
  .pxl-pricing1 .pxl-pricing--price .pxl-pricing--currency {
    font-size: 36px;
  }
}
.pxl-pricing1 .pxl-pricing--subtitle {
  margin-bottom: 34px;
}
@media screen and (max-width: 1200px) {
  .pxl-pricing1 .pxl-pricing--subtitle {
    font-size: 16px;
  }
}
.pxl-pricing1 .pxl-pricing--title {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}
.pxl-pricing1 .pxl-pricing--feature {
  margin-bottom: 40px;
  list-style: none;
  font-weight: 600;
  font-size: 21px;
  color: #e4e4e4;
}
@media screen and (max-width: 1200px) {
  .pxl-pricing1 .pxl-pricing--feature {
    font-size: 18px;
  }
}
.pxl-pricing1 .pxl-pricing--feature li {
  display: flex;
  align-items: center;
}
.pxl-pricing1 .pxl-pricing--feature li + li {
  margin-top: 12px;
}
.pxl-pricing1 .pxl-pricing--button .btn {
  background-image: -webkit-linear-gradient(to right, var(--primary-color) 0%, var(--gradient-color-from) 50%, var(--gradient-color-to) 100%);
  background-image: -moz-linear-gradient(to right, var(--primary-color) 0%, var(--gradient-color-from) 50%, var(--gradient-color-to) 100%);
  background-image: -ms-linear-gradient(to right, var(--primary-color) 0%, var(--gradient-color-from) 50%, var(--gradient-color-to) 100%);
  background-image: -o-linear-gradient(to right, var(--primary-color) 0%, var(--gradient-color-from) 50%, var(--gradient-color-to) 100%);
  background-image: linear-gradient(to right, var(--primary-color) 0%, var(--gradient-color-from) 50%, var(--gradient-color-to) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200%;
  background-position: 0 100%;
}
@media screen and (min-width: 1260px) {
  .pxl-pricing1 .pxl-pricing--button .btn {
    line-height: 62px;
    padding: 0 46px;
  }
}
.pxl-pricing1 .pxl-pricing--button .btn:hover {
  background-position: 100% 0;
}
.pxl-contact-form .pxl-form--label {
  display: block;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #000;
}
.pxl-contact-form .pxl-form--label span {
  display: inline-block;
  margin: 0 14px;
}
.pxl-contact-form .wpcf7-acceptance {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  padding: 0 !important;
}
.pxl-contact-form .pxl--form-icon {
  opacity: 0;
  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%;
  -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 .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.pxl-contact-form .wpcf7-form-control-wrap .pxl--form-icon {
  font-size: 14px;
  color: #a0a0a0;
  z-index: 99;
  opacity: 1;
}
.pxl-contact-form .wpcf7-not-valid-tip {
  font-size: 14px;
  margin-top: 6px;
}
.pxl-contact-form .wpcf7-form {
  overflow: visible;
}
.pxl-contact-form .wpcf7-form .wpcf7-response-output {
  margin: 30px 0 0;
  border-width: 2px;
  font-size: 15px;
  padding: 8px 16px;
  color: #fff;
  border: none;
  background-color: var(--primary-color);
}
.pxl-contact-form .pxl--item > p {
  margin: 0;
}
.pxl-contact-form .text-right > p {
  text-align: right;
}
.pxl-navigation-carousel.style-1 .pxl-navigation-arrow {
  width: 65px;
  height: 65px;
  color: #cdcdcd;
  border-radius: 65px;
  border: 2px solid #cdcdcd;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  margin: 0 7px;
  -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-navigation-carousel.style-1 .pxl-navigation-arrow:hover {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.pxl-close-popup {
  background-color: transparent;
  border-width: 4px;
  display: block;
}
.pxl-close-popup:before, .pxl-close-popup:after {
  background-color: #000;
}
@-webkit-keyframes btn_shine {
  100% {
    left: 200%;
  }
}
@keyframes btn_shine {
  100% {
    left: 200%;
  }
}
.pxl-image-carousel1 .pxl-item--image {
  position: relative;
  overflow: hidden;
}
.pxl-image-carousel1 .pxl-item--image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #fff;
  opacity: 0;
  z-index: 99;
}
@media screen and (max-width: 1200px) {
  .pxl-image-carousel1 .pxl-item--image a {
    font-size: 20px;
  }
}
.pxl-image-carousel1 .pxl-item--image a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: -webkit-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
  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-image-carousel1 .pxl-item--image a:hover {
  opacity: 1;
}
.pxl-image-carousel1 .pxl-item--image a:hover:before {
  opacity: 0.78;
}
.pxl-list1 label {
  display: inline-block;
}
.pxl-list1 .pxl-item--icon {
  color: var(--primary-color);
  font-size: 24px;
  line-height: 1;
}
.pxl-list1 .pxl-item--meta {
  display: flex;
  flex-wrap: nowrap;
}
.pxl-list1 .pxl--item {
  display: flex;
  flex-wrap: nowrap;
}
.pxl-list1 .pxl--item + .pxl--item {
  margin-top: 20px;
}
.pxl-preset-4 .pxl-service-style1 .pxl-post--icon::after, .pxl-preset-4 .pxl-icon-color-gradient i, .pxl-preset-4 .pxl-portfolio-style1 .pxl-post--readmore.pxl-gradient-rotate, .pxl-preset-4 .pxl-testimonial-carousel1 .pxl-item--rating .pxl-item--star, .pxl-preset-4 .pxl-counter1 .pxl-counter--number::before, .pxl-preset-4 .pxl-blog-style3 .pxl-post--category a, .pxl-preset-4 .pxl-blog-style3 .pxl-item--inner::after, .pxl-preset-4 .pxl-blog-style3 .pxl-post--meta div + div::before, .pxl-preset-4 .pxl-contact-form .pxl-form--label span {
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 52%, var(--gradient-color-from) 100%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 52%, var(--gradient-color-from) 100%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 52%, var(--gradient-color-from) 100%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 52%, var(--gradient-color-from) 100%);
  background-image: linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 52%, var(--gradient-color-from) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-color: transparent;
}
.pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn {
  background: none;
  color: #242425;
}
.pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:before, .pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -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-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:before {
  background-color: #fff;
}
.pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:after {
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color) 0%, var(--gradient-color-to) 24%, var(--gradient-color-from) 60%, var(--third-color) 100%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color) 0%, var(--gradient-color-to) 24%, var(--gradient-color-from) 60%, var(--third-color) 100%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color) 0%, var(--gradient-color-to) 24%, var(--gradient-color-from) 60%, var(--third-color) 100%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color) 0%, var(--gradient-color-to) 24%, var(--gradient-color-from) 60%, var(--third-color) 100%);
  background-image: linear-gradient(45deg, var(--gradient-first-color) 0%, var(--gradient-color-to) 24%, var(--gradient-color-from) 60%, var(--third-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  opacity: 0;
}
.pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:hover, .pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:focus {
  color: #fff;
}
.pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:hover:before, .pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:focus:before {
  opacity: 0;
}
.pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:hover:after, .pxl-preset-4 .pxl-pricing1 .pxl-pricing--button .btn:focus:after {
  opacity: 1;
}
.pxl-preset-4 .pxl-blog-style3 .pxl-post--button {
  --button-text-color: #929b9f;
}
.pxl-preset-4 .pxl-blog-style3 .pxl-post--button span, .pxl-preset-4 .pxl-blog-style3 .pxl-post--button span:before, .pxl-preset-4 .pxl-blog-style3 .pxl-post--button i {
  background-image: -webkit-linear-gradient(to right, var(--gradient-first-color), var(--gradient-color-to) 25%, var(--gradient-color-from) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-first-color), var(--gradient-color-to) 25%, var(--gradient-color-from) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-first-color), var(--gradient-color-to) 25%, var(--gradient-color-from) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-first-color), var(--gradient-color-to) 25%, var(--gradient-color-from) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-first-color), var(--gradient-color-to) 25%, var(--gradient-color-from) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
}
body.rtl .pxl-call-phone1.style-2 .pxl-item--icon {
  margin-right: 0;
  margin-left: 12px;
}
.blockUI {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.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 0.6s infinite linear;
  -webkit-animation: pxl_spin 0.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;
}
.blockUI.blockOverlay, .blockUI.blockMsg {
  display: none !important;
}
#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, 0.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.active {
  visibility: visible;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-message {
  background-color: #f9f9f9;
}
.woocommerce #pxl-sidebar-area .widget {
  padding: 0;
  border: none;
  margin-bottom: 52px;
}
.woocommerce #pxl-sidebar-area .widget:last-child {
  margin-bottom: 0;
}
.woocommerce textarea {
  padding-top: 24px;
  padding-bottom: 24px;
  min-height: 140px;
}
.woocommerce .nice-select {
  border: 1px solid rgba(22, 29, 57, 0.1);
  text-align: left;
  -webkit-border-radius: 54px;
  -khtml-border-radius: 54px;
  -moz-border-radius: 54px;
  -ms-border-radius: 54px;
  -o-border-radius: 54px;
  border-radius: 54px;
  height: 54px;
  background-color: #fff;
  font-size: 16px;
  padding-left: 26px;
}
.woocommerce .nice-select span.current {
  line-height: 39px;
}
.woocommerce .nice-select:before {
  color: #000001;
  right: 18px;
}
.woocommerce .nice-select ul.list {
  border: 1px solid rgba(22, 29, 57, 0.1);
  border-radius: 0 0 27px 27px;
  left: -1px;
  right: -1px;
  box-shadow: none;
}
.woocommerce .nice-select ul.list li {
  border-radius: 5px;
}
.woocommerce .nice-select.open {
  border-radius: 27px 27px 0 0;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.wc-forward, .woocommerce button.button, .woocommerce input.button, .woocommerce .cart button.button, .woocommerce a.button.alt, .woocommerce button.button:disabled, .woocommerce a.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce button.button.alt {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 0 26px;
  line-height: 46px;
  border-radius: 46px;
  -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;
  position: relative;
  display: inline-block;
  cursor: pointer;
  border: none;
  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;
  text-transform: uppercase;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce a.wc-forward:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce .cart button.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button:disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce button.button.alt:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce a.wc-forward:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce .cart button.button:focus, .woocommerce a.button.alt:focus, .woocommerce button.button:disabled:focus, .woocommerce a.button:disabled:focus, .woocommerce button.button:disabled[disabled]:focus, .woocommerce button.button.alt:focus, .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce a.wc-forward:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce .cart button.button:active, .woocommerce a.button.alt:active, .woocommerce button.button:disabled:active, .woocommerce a.button:disabled:active, .woocommerce button.button:disabled[disabled]:active, .woocommerce button.button.alt:active, .woocommerce #respond input#submit:not([disabled]):not(.disabled).active, .woocommerce a.button:not([disabled]):not(.disabled).active, .woocommerce a.wc-forward:not([disabled]):not(.disabled).active, .woocommerce button.button:not([disabled]):not(.disabled).active, .woocommerce input.button:not([disabled]):not(.disabled).active, .woocommerce .cart button.button:not([disabled]):not(.disabled).active, .woocommerce a.button.alt:not([disabled]):not(.disabled).active, .woocommerce button.button:disabled:not([disabled]):not(.disabled).active, .woocommerce a.button:disabled:not([disabled]):not(.disabled).active, .woocommerce button.button:disabled[disabled]:not([disabled]):not(.disabled).active, .woocommerce button.button.alt:not([disabled]):not(.disabled).active, .woocommerce #respond input#submit:not([disabled]):not(.disabled):active, .woocommerce a.button:not([disabled]):not(.disabled):active, .woocommerce a.wc-forward:not([disabled]):not(.disabled):active, .woocommerce button.button:not([disabled]):not(.disabled):active, .woocommerce input.button:not([disabled]):not(.disabled):active, .woocommerce .cart button.button:not([disabled]):not(.disabled):active, .woocommerce a.button.alt:not([disabled]):not(.disabled):active, .woocommerce button.button:disabled:not([disabled]):not(.disabled):active, .woocommerce a.button:disabled:not([disabled]):not(.disabled):active, .woocommerce button.button:disabled[disabled]:not([disabled]):not(.disabled):active, .woocommerce button.button.alt:not([disabled]):not(.disabled):active {
  outline: medium none;
  text-decoration: none;
  color: #fff;
  background-position: right center;
  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-color: transparent;
}
.woocommerce button.button:disabled, .woocommerce a.button:disabled, .woocommerce button.button:disabled[disabled] {
  opacity: 1;
  cursor: not-allowed;
}
.woocommerce button.button:disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce button.button:disabled:focus, .woocommerce a.button:disabled:focus, .woocommerce button.button:disabled[disabled]:focus {
  background-color: var(--primary-color);
}
.woocommerce #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 {
  padding: 0 30px;
  border: 1px solid rgba(2, 6, 38, 0.1);
  color: #23272a;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  font-size: 16px;
  font-weight: 500;
  -moz-appearance: textfield;
  height: 46px;
  width: 98px;
  text-align: left;
  border-radius: 46px;
}
.woocommerce #pxl-wapper .quantity .qty::-webkit-outer-spin-button, .woocommerce #pxl-wapper .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.woocommerce #pxl-wapper .quantity-icon {
  position: absolute;
  right: 22px;
  font-size: 8px;
  color: #4a4c51;
  cursor: pointer;
  width: 10px;
  height: 10px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.woocommerce #pxl-wapper .quantity-icon.quantity-down {
  bottom: 12px;
}
.woocommerce #pxl-wapper .quantity-icon.quantity-down:before {
  content: "\f13c";
  font-family: "Caseicon";
}
.woocommerce #pxl-wapper .quantity-icon.quantity-up {
  top: 12px;
}
.woocommerce #pxl-wapper .quantity-icon.quantity-up:before {
  content: "\f148";
  font-family: "Caseicon";
}
@media screen and (min-width: 992px) {
  .woocommerce .content-row {
    margin: 0 -15px;
  }
}
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.woocommerce ul.products li.product {
  margin-bottom: 30px !important;
  margin-right: 0;
  margin-left: 0;
  padding: 0 15px;
}
.woocommerce ul.products li.product.last {
  margin-right: 0;
}
@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;
  }
}
.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 .woocommerce-product-inner {
  -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 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 21px;
  z-index: 1;
  position: relative;
  text-align: center;
}
.woocommerce .woocommerce-product-inner:before, .woocommerce .woocommerce-product-inner:after {
  content: '';
  position: absolute;
  -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;
  border-radius: inherit;
}
.woocommerce .woocommerce-product-inner:before {
  z-index: -1;
  background-color: #f7f7f7;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.woocommerce .woocommerce-product-inner:after {
  z-index: -2;
  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');
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  opacity: 0;
}
.woocommerce .woocommerce-product-inner:hover:after {
  opacity: 1;
}
.single-product section.related {
  padding-top: 66px;
}
.single-product section.related h2 {
  font-size: 42px;
  text-transform: capitalize;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 991px) {
  .single-product section.related h2 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .single-product section.related h2 {
    font-size: 30px;
  }
}
.single-product section.related ul.products {
  margin-bottom: 0;
}
.single-product section.related ul.products li.product {
  margin-bottom: 0 !important;
  margin-top: 30px;
}
@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 form.cart, .single-product > div.product form.cart {
  margin-bottom: 20px;
}
.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 .single_variation_wrap, .single-product > div.product form.cart .single_variation_wrap {
  width: 100%;
}
.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: normal;
  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: normal;
  color: inherit;
  font-family: inherit;
}
.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_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: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 32px;
  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 .woocommerce-gallery-inner, .single-product > div.product .woocommerce-gallery-inner {
  display: flex;
  position: relative;
}
.single-product #pxl-content-area div.product .quantity, .single-product > div.product .quantity {
  margin-right: 20px;
  float: none;
}
@media screen and (max-width: 767px) {
  .woocommerce-checkout .woocommerce-message {
    padding-bottom: 24px;
  }
}
.woocommerce-checkout form.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.woocommerce-checkout form.woocommerce-checkout input, .woocommerce-checkout form.woocommerce-checkout textarea {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}
.woocommerce-checkout form.woocommerce-checkout label {
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
  margin-bottom: 8px;
}
.pxl-popup--close2 {
  position: absolute;
  top: 32px;
  right: 0;
  height: 60px;
  width: 320px;
  z-index: 10000;
  cursor: pointer;
  display: none;
}
.title-hover-line {
  --title-line-color: #666771;
}
.title-hover-line a {
  background-repeat: no-repeat;
  background-position-y: -1px;
  background-image: linear-gradient(transparent calc(100% - 1px), var(--title-line-color) 1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.title-hover-line a:hover {
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-blog-style3 .pxl-post--featured {
  border-radius: 20px 20px 0 0;
}
.pxl-blog-style3 .pxl-post--title {
  margin-bottom: 17px;
  font-size: 22px;
}
.pxl-blog-style3 .pxl-post--holder {
  padding: 25px 40px 40px;
}
@media screen and (max-width: 1200px) {
  .pxl-blog-style3 .pxl-post--holder {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pxl-blog-style3 .pxl-post--meta {
  font-size: 16px;
  line-height: normal;
  color: rgba(47, 47, 47, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
}
.pxl-blog-style3 .pxl-post--meta div {
  display: inline-flex;
  align-items: center;
  padding: 10px 0;
}
.pxl-blog-style3 .pxl-post--meta div + div:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: var(--primary-color);
  margin: 0 15px;
  display: inline-block;
}
.pxl-blog-style3 .pxl-post--category a {
  position: relative;
  display: inline-block;
}
.pxl-blog-style3 .pxl-post--category a:before {
  content: '';
  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');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.pxl-blog-style3 .pxl-post--button {
  font-size: 16px;
  font-weight: 700;
  --button-text-color: #929b9f;
}
.pxl-blog-style3 .pxl-post--button span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.pxl-blog-style3 .pxl-post--button span:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 1px;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.pxl-blog-style3 .pxl-post--button i {
  font-size: 12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
}
.pxl-blog-style3 .pxl-post--button a {
  display: inline-flex;
  align-items: center;
}
.pxl-blog-style3 .pxl-post--button a:hover span, .pxl-blog-style3 .pxl-post--button a:hover i, .pxl-blog-style3 .pxl-post--button a:hover span:before {
  background-position: 0%;
}
.pxl-blog-style3 .pxl-item--inner {
  margin: 50px 0;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 10px 40px rgba(211, 211, 211, 0.25);
}
.pxl-blog-style3 .pxl-item--inner:before, .pxl-blog-style3 .pxl-item--inner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
.pxl-blog-style3 .pxl-item--inner:before {
  background-color: #fff;
  z-index: -1;
}
.pxl-blog-style3 .pxl-item--inner:after {
  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: -2;
  -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-blog-style3 .pxl-item--inner:hover:after {
  bottom: -11px;
  opacity: 1;
}
.pxl-service-style1 .pxl-post--icon {
  width: 96px;
  height: 96px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 59px;
  color: #000;
  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;
}
.pxl-service-style1 .pxl-post--icon img {
  max-height: 59px;
  max-width: 59px;
}
.pxl-service-style1 .pxl-post--icon:before, .pxl-service-style1 .pxl-post--icon:after {
  z-index: -2;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.pxl-service-style1 .pxl-post--icon:before {
  background-color: #fff;
}
.pxl-service-style1 .pxl-post--icon:after {
  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;
  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');
}
.pxl-service-style1 .pxl-post--featured {
  position: relative;
  border-radius: 150px 40px 40px 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .pxl-service-style1 .pxl-post--featured {
    border-radius: 90px 30px 30px 30px;
  }
}
.pxl-service-style1 .pxl-post--featured img {
  border-radius: 150px 40px 40px 40px;
}
@media screen and (max-width: 767px) {
  .pxl-service-style1 .pxl-post--featured img {
    border-radius: 90px 30px 30px 30px;
  }
}
.pxl-service-style1 .pxl-post--title {
  margin-bottom: 0;
  font-size: 26px;
  color: #6e6e6e;
  /* text-shadow: 1px 1px #4b0ce5; */
}
@media screen and (max-width: 1200px) {
  .pxl-service-style1 .pxl-post--title {
    font-size: 24px;
  }
}
.pxl-service-style1 .pxl-post--readmore {
  font-size: 16px;
  text-transform: uppercase;
  color: #dfdfdf;
  display: inline-flex;
  align-items: center;
  position: relative;
  text-shadow: 1px 1px #000000;
}
.pxl-service-style1 .pxl-post--readmore i {
  -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: inherit;
  margin-left: 35px;
}
.pxl-service-style1 .pxl-post--inner {
  padding-bottom: 30px;
}
.pxl-service-style1 .pxl-post--inner:hover .pxl-post--icon {
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pxl-service-style1 .pxl-post--inner:hover .pxl-post--icon:after {
  opacity: 1;
}
.pxl-service-style1 .pxl-post--inner:hover .pxl-post--readmore {
  color: var(--gradient-color-to);
}
.pxl-service-style1 .pxl-post--inner:hover .pxl-post--readmore i {
  transform: translateX(-15px);
}
.pxl-service-style1 .pxl-post--inner:hover .pxl-post--title {
  color: #000;
}
.pxl-portfolio-style1 .pxl-post--readmore {
  width: 99px;
  height: 99px;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--third-color) 100%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--third-color) 100%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--third-color) 100%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--third-color) 100%);
  background-image: linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--third-color) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  border-radius: 99px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
  font-size: 65px;
  opacity: 0;
}
.pxl-portfolio-style1 .pxl-post--readmore i {
  transform: rotate(-90deg);
  -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-portfolio-style1 .pxl-post--readmore:hover i {
  transform: rotate(0deg) !important;
}
.pxl-portfolio-style1 .pxl-post--category {
  font-size: 15px;
  font-weight: 500;
  color: #848484;
}
.pxl-portfolio-style1 .pxl-post--title {
  margin-bottom: 0;
  font-size: 24px;
}
@media screen and (max-width: 1200px) {
  .pxl-portfolio-style1 .pxl-post--title {
    font-size: 22px;
  }
}
.pxl-portfolio-style1 .pxl-post--featured {
  border-radius: 4px;
}
@media screen and (max-width: 1200px) {
  .pxl-portfolio-style1 .pxl-post--featured:before {
    content: '';
    z-index: 88;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    -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-portfolio-style1 .pxl-post--featured .pxl-post--readmore {
  right: auto;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  margin: 0;
  display: none;
  z-index: 99;
}
@media screen and (max-width: 1200px) {
  .pxl-portfolio-style1 .pxl-post--featured .pxl-post--readmore {
    display: inline-flex;
  }
}
.pxl-portfolio-style1 .pxl-post--holder {
  background-color: #fff;
  position: absolute;
  bottom: -53px;
  left: 40px;
  z-index: 99;
  border-radius: 107px;
  padding: 10px 63px 10px 35px;
  box-shadow: 0 3px 57px rgba(0, 0, 0, 0.06);
  min-height: 107px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -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: 1200px) {
  .pxl-portfolio-style1 .pxl-post--holder {
    left: 24px;
    padding: 10px 30px;
  }
  .pxl-portfolio-style1 .pxl-post--holder .pxl-post--readmore {
    display: none;
  }
}
.pxl-portfolio-style1 .pxl-post--inner {
  margin-bottom: 87px;
  position: relative;
  z-index: 1;
}
.pxl-portfolio-style1 .pxl-post--inner:before {
  content: '';
  position: absolute;
  top: 10px;
  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;
  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;
  border-radius: 4px;
}
.pxl-portfolio-style1 .pxl-post--inner:hover:before {
  bottom: -10px;
}
.pxl-portfolio-style1 .pxl-post--inner:hover .pxl-post--holder {
  padding-right: 121px;
}
@media screen and (max-width: 1200px) {
  .pxl-portfolio-style1 .pxl-post--inner:hover .pxl-post--holder {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pxl-portfolio-style1 .pxl-post--inner:hover .pxl-post--readmore {
  opacity: 1;
  transition-delay: 100ms;
}
.pxl-portfolio-style1 .pxl-post--inner:hover .pxl-post--readmore i {
  transform: rotate(-45deg);
}
.pxl-portfolio-style1 .pxl-post--inner:hover .pxl-post--featured:before {
  opacity: 1;
}
.pxl-portfolio-style1 .pxl-post--readmore.pxl-gradient-rotate {
  background-image: -webkit-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -moz-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -ms-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: -o-linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  background-image: linear-gradient(135deg, var(--gradient-color-from), var(--gradient-color-to));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)', endColorStr='var(--gradient-color-to)');
}
.title-hover-line {
  --title-line-color: #666771;
}
.title-hover-line a {
  background-repeat: no-repeat;
  background-position-y: -1px;
  background-image: linear-gradient(transparent calc(100% - 1px), var(--title-line-color) 1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards;
}
.title-hover-line a:hover {
  animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards;
}
.pxl-blog-style3 .pxl-post--featured {
  border-radius: 20px 20px 0 0;
}
.pxl-blog-style3 .pxl-post--title {
  margin-bottom: 17px;
  font-size: 22px;
}
.pxl-blog-style3 .pxl-post--holder {
  padding: 25px 40px 40px;
}
@media screen and (max-width: 1200px) {
  .pxl-blog-style3 .pxl-post--holder {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.pxl-blog-style3 .pxl-post--meta {
  font-size: 16px;
  line-height: normal;
  color: rgba(47, 47, 47, 0.7);
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
}
.pxl-blog-style3 .pxl-post--meta div {
  display: inline-flex;
  align-items: center;
  padding: 10px 0;
}
.pxl-blog-style3 .pxl-post--meta div + div:before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: var(--primary-color);
  margin: 0 15px;
  display: inline-block;
}
.pxl-blog-style3 .pxl-post--category a {
  position: relative;
  display: inline-block;
}
.pxl-blog-style3 .pxl-post--category a:before {
  content: '';
  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');
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.pxl-blog-style3 .pxl-post--button {
  font-size: 16px;
  font-weight: 700;
  --button-text-color: #929b9f;
}
.pxl-blog-style3 .pxl-post--button span {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.pxl-blog-style3 .pxl-post--button span:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  height: 1px;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
  opacity: 0.6;
}
.pxl-blog-style3 .pxl-post--button i {
  font-size: 12px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -moz-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -ms-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: -o-linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  background-image: linear-gradient(to right, var(--gradient-color-from), var(--gradient-color-to) 50%, var(--button-text-color) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-size: 200% 100%;
  background-position: -100%;
  transition: all 0.3s ease-in-out;
}
.pxl-blog-style3 .pxl-post--button a {
  display: inline-flex;
  align-items: center;
}
.pxl-blog-style3 .pxl-post--button a:hover span, .pxl-blog-style3 .pxl-post--button a:hover i, .pxl-blog-style3 .pxl-post--button a:hover span:before {
  background-position: 0%;
}
.pxl-blog-style3 .pxl-item--inner {
  margin: 50px 0;
  border-radius: 20px;
  position: relative;
  box-shadow: 0 10px 40px rgba(211, 211, 211, 0.25);
}
.pxl-blog-style3 .pxl-item--inner:before, .pxl-blog-style3 .pxl-item--inner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
.pxl-blog-style3 .pxl-item--inner:before {
  background-color: #fff;
  z-index: -1;
}
.pxl-blog-style3 .pxl-item--inner:after {
  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: -2;
  -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-blog-style3 .pxl-item--inner:hover:after {
  bottom: -11px;
  opacity: 1;
}
.pxl-nav-menu .pxl-menu-primary > li {
  /* Style Level First */
}
.pxl-nav-menu.fr-icon-spacer {
  /* Sub Menu */
}
.pxl-nav-menu.fr-icon-spacer .menu-icon-spacer {
  display: none;
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li {
  margin: 0;
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li > a .pxl-menu-item-text {
  display: inline-flex;
  align-items: center;
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li > a .menu-icon-spacer {
  display: inline-flex;
  width: 9px;
  height: 8px;
  position: relative;
  color: var(--gradient-color-to);
  margin: 0 24px;
}
@media screen and (max-width: 1400px) {
  .pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li > a .menu-icon-spacer {
    margin: 0 20px;
  }
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li > a .menu-icon-spacer i {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  font-size: 8px;
  font-weight: 400;
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li > a .menu-icon-spacer i:nth-child(1) {
  margin-top: 1px;
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li > a .menu-icon-spacer i:nth-child(2) {
  transform: scaleY(-1);
  margin-top: -1px;
}
.pxl-nav-menu.fr-icon-spacer .pxl-menu-primary > li:last-child > a .menu-icon-spacer {
  display: none;
}
.pxl-nav-menu .sub-menu li.menu-item-has-children > a:after {
  content: "\f14d";
  position: absolute;
  top: 50%;
  right: 24px;
  -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: 9px;
  font-family: "Caseicon";
  font-weight: 400;
}
@media screen and (min-width: 1201px) {
  .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text {
    -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;
    position: relative;
  }
  .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text:before {
    content: '';
    width: 0;
    left: 0;
    height: 1px;
    position: absolute;
    top: 50%;
    -webkit-transition: width 0.25s;
    transition: width 0.25s;
    background-color: #fff;
    margin-top: 9px;
  }
  .pxl-nav-menu.sub-style-default .sub-menu > li > a.pxl-onepage-active .pxl-menu-item-text, .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text {
    margin-left: 10px;
  }
  .pxl-nav-menu.sub-style-default .sub-menu > li > a.pxl-onepage-active .pxl-menu-item-text:before, .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text:before {
    width: 100%;
  }
}
.pxl-nav-menu.pxl-nav-vertical .sub-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  box-shadow: none;
  padding: 0;
  text-align: inherit;
  background-color: transparent;
  margin: 0;
  padding-top: 18px;
  display: none;
  transition: none;
  min-width: auto;
}
.pxl-nav-menu.pxl-nav-vertical .sub-menu > li {
  padding: 0;
}
.pxl-nav-menu.pxl-nav-vertical .sub-menu > li > a {
  padding: 0;
  display: inline-block;
  font-weight: 400;
  font-size: 19px;
  color: rgba(0, 0, 0, 0.54);
  border: none;
}
.pxl-nav-menu.pxl-nav-vertical .sub-menu > li > a:hover {
  color: var(--primary-color);
}
.pxl-nav-menu.pxl-nav-vertical .sub-menu > li + li {
  margin-top: 12px;
}
.pxl-nav-menu.pxl-nav-vertical .sub-menu li:hover > .sub-menu {
  margin-top: 0 !important;
}
.pxl-nav-menu.pxl-nav-vertical .pxl-menu-primary > li {
  display: block;
  margin: 0;
}
.pxl-nav-menu.pxl-nav-vertical .pxl-menu-primary > li > a {
  line-height: normal;
}
.section-mega-active.section-remove-br {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
button:not(.btn), .button:not(.btn), input[type="submit"]:not(.btn) {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 0 28px;
  line-height: 56px;
  -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;
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 56px;
  color: #fff;
  border: none;
  height: auto;
  text-align: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: var(--primary-color);
}
button:not(.btn):hover, .button:not(.btn):hover, input[type="submit"]:not(.btn):hover, button:not(.btn):focus, .button:not(.btn):focus, input[type="submit"]:not(.btn):focus {
  background-color: var(--secondary-color);
  color: #fff;
}
.btn {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 0 28px;
  line-height: 56px;
  border-radius: 56px;
  -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;
  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;
}
.btn:hover, .btn:focus {
  outline: medium none;
  text-decoration: none;
  color: #fff;
  background-color: var(--secondary-color);
}
.btn.btn-block {
  width: 100%;
}
.btn.pxl-icon--right {
  flex-direction: row-reverse;
}
.btn.pxl-icon-active i {
  justify-content: center;
  align-items: center;
}
.btn .pxl--btn-icon {
  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;
}
.btn .pxl--btn-icon i, .btn .pxl--btn-icon 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;
}
.btn.btn-icon-box {
  padding-left: 30px;
  padding-right: 66px;
  line-height: 56px;
  background-color: var(--gradient-color-from);
}
.btn.btn-icon-box .pxl--btn-icon {
  width: 51px;
  height: 56px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--gradient-color-to);
  border-radius: 67px;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.btn.btn-icon-box .pxl--btn-icon i, .btn.btn-icon-box .pxl--btn-icon 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;
}
.btn.btn-icon-box:hover, .btn.btn-icon-box:focus {
  background-color: var(--gradient-color-from);
}
.btn.btn-icon-box4 {
  line-height: 50px;
  color: #dbd8d8;
  background: #220210;
  padding-left: 8px;
  padding-right: 15px;
  font-size: 18px;
}
.btn.btn-icon-box4 .pxl--btn-icon {
  width: 36px;
  height: 36px;
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  border-radius: 36px;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
}
.btn.btn-icon-box4 .pxl--btn-text {
  margin: 0 17px;
}
.btn.btn-icon-box4:hover {
  background: #220210;
}
.btn.btn-icon-box4:hover .pxl--btn-icon i, .btn.btn-icon-box4:hover .pxl--btn-icon svg {
  -o-animation: toRightFromLeft 0.3s forwards;
  -ms-animation: toRightFromLeft 0.3s forwards;
  -webkit-animation: toRightFromLeft 0.3s forwards;
  animation: toRightFromLeft 0.3s forwards;
}
.btn.btn-text-nina.btn-default:hover, .btn.btn-text-nina.btn-default:focus {
  background-color: var(--primary-color);
}
.btn.btn-text-nina .pxl--btn-text {
  position: relative;
}
.btn.btn-text-nina .pxl--btn-text:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition-timing-function: ease, ease;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  white-space: nowrap;
}
.btn.btn-text-nina .pxl--btn-text > span {
  white-space: nowrap;
  display: inline-block;
  padding: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, -14px, 0);
  transform: translate3d(0, -14px, 0);
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition-timing-function: ease, ease;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  line-height: normal;
}
.btn.btn-text-nina:hover {
  -webkit-transform: translateY(0px);
  -khtml-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.btn.btn-text-nina:hover .pxl--btn-text:before {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.btn.btn-text-nina:hover .pxl--btn-text span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.btn.btn-text-nina:not(:hover) .pxl--btn-text > span {
  transition-delay: 0s !important;
}
.btn.btn-text-nanuk .pxl--btn-text span {
  display: inline-block;
}
.btn.btn-text-nanuk:hover, .btn.btn-text-nanuk:active, .btn.btn-text-nanuk:not([disabled]):not(.disabled).active, .btn.btn-text-nanuk:not([disabled]):not(.disabled):active {
  background-color: var(--primary-color);
}
.btn.btn-text-nanuk:hover .pxl--btn-text span:nth-child(2n+1), .btn.btn-text-nanuk:hover .pxl--btn-text span:nth-child(2n) {
  -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn.btn-text-nanuk:hover .pxl--btn-text span:nth-child(2n+1) {
  -webkit-animation: pxl_nanuk_1 0.5s forwards;
  animation: pxl_nanuk_1 0.5s forwards;
}
.btn.btn-text-nanuk:hover .pxl--btn-text span:nth-child(2n) {
  -webkit-animation: pxl_nanuk_2 0.5s forwards;
  animation: pxl_nanuk_2 0.5s forwards;
}
.btn.btn-text-parallax {
  overflow: visible;
  /* Button Style */
}
.btn.btn-text-parallax.btn-default:hover, .btn.btn-text-parallax.btn-default:focus {
  background-color: var(--primary-color);
}
.btn.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;
}
.btn.btn-text-parallax:not(.hovered), .btn.btn-text-parallax:not(.hovered) .pxl--btn-text {
  transform: translate3d(0px, 0px, 0px) !important;
}
.btn.btn-text-parallax .flaticon-up-right-arrow:before {
  -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.btn-text-parallax:hover .flaticon-up-right-arrow:before {
  transform: rotate(45deg);
}
.btn.btn-gradient-horizontal2 {
  background-image: -webkit-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -moz-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -ms-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: -o-linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  background-image: linear-gradient(45deg, var(--gradient-first-color), var(--gradient-color-to) 45%, var(--gradient-color-from) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='');
  background-color: transparent;
}
.btn.btn-gradient-horizontal2:hover {
  background-color: transparent;
}
@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;
  }
}
@media screen and (min-width: 576px) {
  .revslider-initialised .btn.btn-icon-box {
    padding-left: 44px;
    padding-right: 90px;
    line-height: 67px;
    font-size: 18px;
    background-color: var(--gradient-color-to);
  }
  .revslider-initialised .btn.btn-icon-box .pxl--btn-icon {
    width: 65px;
    height: 67px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--gradient-color-from);
    border-radius: 67px;
    align-items: center;
    justify-content: center;
    font-size: 13px;
  }
  .revslider-initialised .btn.btn-icon-box:hover, .revslider-initialised .btn.btn-icon-box:focus {
    background-color: var(--gradient-color-to);
  }
}
.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-testimonial-carousel1 .pxl-item--rating {
  display: inline-flex;
  align-items: center;
  padding: 12px;
  background-color: rgba(111, 42, 199, 0.08);
  border-radius: 35px;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 2px;
}
@media screen and (max-width: 1200px) {
  .pxl-testimonial-carousel1 .pxl-item--rating {
    font-size: 20px;
  }
}
.pxl-testimonial-carousel1 .pxl-item--avatar {
  width: 77px;
  min-width: 77px;
}
@media screen and (max-width: 1200px) {
  .pxl-testimonial-carousel1 .pxl-item--avatar {
    width: 60px;
    min-width: 60px;
  }
}
.pxl-testimonial-carousel1 .pxl-item--avatar img {
  border-radius: 77px;
  border: 2px solid var(--primary-color);
}
.pxl-testimonial-carousel1 .pxl-item--desc {
  border-bottom: 1px solid #b8b8b8;
  padding-top: 38px;
  margin-bottom: 49px;
  padding-bottom: 41px;
  font-size: 24px;
  color: #838383;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1200px) {
  .pxl-testimonial-carousel1 .pxl-item--desc {
    font-size: 18px;
  }
}
.pxl-testimonial-carousel1 .pxl-item--title {
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  .pxl-testimonial-carousel1 .pxl-item--title {
    font-size: 20px;
  }
}
.pxl-testimonial-carousel1 .pxl-item--position {
  font-size: 24px;
  color: #6d6d6d;
}
@media screen and (max-width: 1200px) {
  .pxl-testimonial-carousel1 .pxl-item--position {
    font-size: 18px;
  }
}
.pxl-testimonial-carousel1.style-2 .pxl-item--desc {
  padding-top: 0;
}
.pxl-testimonial-carousel1.style-2 .pxl-item--rating {
  padding: 0;
  background-color: transparent;
}
.pxl-testimonial-carousel1.style-2 .pxl-item--rating.pxl-screen--md {
  display: none;
}
@media screen and (max-width: 1024px) {
  .pxl-testimonial-carousel1.style-2 .pxl-item--rating.pxl-screen--lg {
    display: none;
  }
  .pxl-testimonial-carousel1.style-2 .pxl-item--rating.pxl-screen--md {
    display: inline-flex;
    background-color: rgba(111, 42, 199, 0.08);
    margin: 32px 0 0 0;
    padding: 12px;
  }
}
.pxl-testimonial-carousel1.style-2 .pxl-item--meta {
  flex-grow: 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-text-right {
  text-align: left;
}
@media screen and (min-width: 1201px) {
  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: 24px;
  }
}
@media screen and (max-width: 1200px) {
   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 {
    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 blockquote {
  padding-left: 40px;
  padding-right: 40px;
  margin-left: 0;
  margin-right: 0;
}
body.rtl blockquote:before {
  left: auto;
  right: 0;
}
.pxl-mr-10 {
  margin-right: 10px;
}
.pxl-mr-12 {
  margin-right: 12px;
}
.pxl-mr-18 {
  margin-right: 18px;
}
.pxl-mr-20 {
  margin-right: 20px;
}
.pxl-mr-22 {
  margin-right: 22px;
}
.pxl-mr-30 {
  margin-right: 30px;
}
.pxl-mr-32 {
  margin-right: 32px;
}
.pxl-ml-4 {
  margin-left: 4px;
}
.pxl-ml-15 {
  margin-left: 15px;
}
.pxl-ml-18 {
  margin-left: 18px;
}
.pxl-ml-20 {
  margin-left: 20px;
}
[dir="rtl"] .pxl-mr-10 {
  margin-right: 0px;
  margin-left: 10px;
}
[dir="rtl"] .pxl-mr-12 {
  margin-right: 0px;
  margin-left: 12px;
}
[dir="rtl"] .pxl-mr-18 {
  margin-right: 0px;
  margin-left: 18px;
}
[dir="rtl"] .pxl-mr-20 {
  margin-right: 0px;
  margin-left: 20px;
}
[dir="rtl"] .pxl-mr-22 {
  margin-right: 0px;
  margin-left: 22px;
}
[dir="rtl"] .pxl-mr-30 {
  margin-right: 0px;
  margin-left: 30px;
}
[dir="rtl"] .pxl-mr-32 {
  margin-right: 0px;
  margin-left: 32px;
}
[dir="rtl"] .pxl-ml-4 {
  margin-left: 0px;
  margin-right: 4px;
}
[dir="rtl"] .pxl-ml-15 {
  margin-left: 0px;
  margin-right: 15px;
}
[dir="rtl"] .pxl-ml-18 {
  margin-left: 0px;
  margin-right: 18px;
}
[dir="rtl"] .pxl-ml-20 {
  margin-left: 0px;
  margin-right: 20px;
}