@media (prefers-reduced-motion: no-preference) { html.pxl-onepage-wrap { scroll-behavior: inherit; } } .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .elementor-element{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px}.elementor-element .swiper .swiper-slide figure,.elementor-lightbox .swiper .swiper-slide figure{line-height:0}.elementor-element .swiper .elementor-swiper-button,.elementor-element .swiper~.elementor-swiper-button,.elementor-lightbox .swiper .elementor-swiper-button,.elementor-lightbox .swiper~.elementor-swiper-button{color:hsla(0,0%,93%,.9);cursor:pointer;display:inline-flex;font-size:25px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.elementor-element .swiper .elementor-swiper-button svg,.elementor-element .swiper~.elementor-swiper-button svg,.elementor-lightbox .swiper .elementor-swiper-button svg,.elementor-lightbox .swiper~.elementor-swiper-button svg{fill:hsla(0,0%,93%,.9);height:1em;width:1em}.elementor-element .swiper .elementor-swiper-button-prev,.elementor-element .swiper~.elementor-swiper-button-prev,.elementor-lightbox .swiper .elementor-swiper-button-prev,.elementor-lightbox .swiper~.elementor-swiper-button-prev{left:10px}.elementor-element .swiper .elementor-swiper-button-next,.elementor-element .swiper~.elementor-swiper-button-next,.elementor-lightbox .swiper .elementor-swiper-button-next,.elementor-lightbox .swiper~.elementor-swiper-button-next{right:10px}.elementor-element .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled,.elementor-lightbox .swiper~.elementor-swiper-button.swiper-button-disabled{opacity:.3}.elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image,.elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image{width:100%}.elementor-element .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper .swiper-pagination-custom,.elementor-element .swiper .swiper-pagination-fraction,.elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-element .swiper~.swiper-pagination-custom,.elementor-element .swiper~.swiper-pagination-fraction,.elementor-lightbox .swiper .swiper-horizontal>.swiper-pagination-bullets,.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper .swiper-pagination-custom,.elementor-lightbox .swiper .swiper-pagination-fraction,.elementor-lightbox .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal,.elementor-lightbox .swiper~.swiper-pagination-custom,.elementor-lightbox .swiper~.swiper-pagination-fraction{bottom:5px}.elementor-element .swiper.swiper-cube .elementor-swiper-button,.elementor-element .swiper.swiper-cube~.elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube .elementor-swiper-button,.elementor-lightbox .swiper.swiper-cube~.elementor-swiper-button{transform:translate3d(0,-50%,1px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets{bottom:5px;left:0;width:100%}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.elementor-element :where(.swiper-horizontal)~.swiper-pagination-progressbar,.elementor-lightbox :where(.swiper-horizontal)~.swiper-pagination-progressbar{height:4px;left:0;top:0;width:100%}.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-element.elementor-pagination-position-outside .swiper~.elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button,.elementor-lightbox.elementor-pagination-position-outside .swiper~.elementor-swiper-button{top:calc(50% - 30px / 2)}.elementor-element .elementor-swiper{position:relative}.elementor-element .elementor-main-swiper{position:static}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-prev{left:0}.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-element.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next,.elementor-lightbox.elementor-arrows-position-outside .swiper~.elementor-swiper-button-next{right:0} /*! elementor - v3.31.0 - 27-08-2025 */ .elementor-counter{align-items:stretch;display:flex;flex-direction:column-reverse;justify-content:center}.elementor-counter .elementor-counter-number{flex-grow:var(--counter-number-grow,0)}.elementor-counter .elementor-counter-number-wrapper{display:flex;flex:1;font-size:69px;font-weight:600;line-height:1;text-align:center}.elementor-counter .elementor-counter-number-prefix{flex-grow:var(--counter-prefix-grow,1);text-align:end;white-space:pre-wrap}.elementor-counter .elementor-counter-number-suffix{flex-grow:var(--counter-suffix-grow,1);text-align:start;white-space:pre-wrap}.elementor-counter .elementor-counter-title{align-items:center;display:flex;flex:1;font-size:19px;font-weight:400;justify-content:center;line-height:2.5;margin:0;padding:0} /*! elementor - v3.31.0 - 27-08-2025 */ .elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit} /*! elementor-icons - v5.43.0 - 30-05-2025 */ @font-face{font-family:eicons;src:url(../fonts/eicons.eot?5.43.0);src:url(../fonts/eicons.eot?5.43.0#iefix) format("embedded-opentype"),url(../fonts/eicons.woff2?5.43.0) format("woff2"),url(../fonts/eicons.woff?5.43.0) format("woff"),url(../fonts/eicons.ttf?5.43.0) format("truetype"),url(../fonts/eicons.svg?5.43.0#eicon) format("svg");font-weight:400;font-style:normal}[class*=" eicon-"],[class^=eicon]{display:inline-block;font-family:eicons;font-size:inherit;font-weight:400;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.eicon-animated-headline:before{content:"\e8a0"}.eicon-library-open:before{content:"\e8ff"}.eicon-slideshow:before{content:"\e94d"}.eicon-nowrap:before{content:"\e999"}.eicon-wrap:before{content:"\e99d"}.eicon-mega-menu:before{content:"\eb78"} /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-angle-right:before{content:"\f105"}.fa-arrow-right:before{content:"\f061"}.fa-award:before{content:"\f559"}.fa-book-open:before{content:"\f518"}.fa-box-open:before{content:"\f49e"}.fa-business-time:before{content:"\f64a"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-clock:before{content:"\f017"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-comment:before{content:"\f075"}.fa-database:before{content:"\f1c0"}.fa-door-open:before{content:"\f52b"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-facebook:before{content:"\f09a"}.fa-folder-open:before{content:"\f07c"}.fa-frown-open:before{content:"\f57a"}.fa-instagram:before{content:"\f16d"}.fa-linkedin-in:before{content:"\f0e1"}.fa-lock-open:before{content:"\f3c1"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-megaport:before{content:"\f5a3"}.fa-minus-circle:before{content:"\f056"}.fa-money-bill:before{content:"\f0d6"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-search:before{content:"\f002"}.fa-shower:before{content:"\f2cc"}.fa-star:before{content:"\f005"}.fa-sticky-note:before{content:"\f249"}.fa-teeth-open:before{content:"\f62f"}.fa-thumbs-up:before{content:"\f164"}.fa-twitter:before{content:"\f099"}.fa-whatsapp:before{content:"\f232"}.fa-youtube:before{content:"\f167"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.far,.fas{font-family:"Font Awesome 5 Free"}.fas{font-weight:900} /*! * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ /** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} @font-face { font-family: "Caseicon"; src: url("../fonts/caseicon/caseicon.eot"); src: url("../fonts/caseicon/caseicon.eot?#iefix") format("embedded-opentype"), url("../fonts/caseicon/caseicon.woff2") format("woff2"), url("../fonts/caseicon/caseicon.woff") format("woff"), url("../fonts/caseicon/caseicon.ttf") format("truetype"), url("../fonts/caseicon/caseicon.svg#caseicon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Caseicon"; src: url("../fonts/caseicon/caseicon.svg#Caseicon") format("svg"); } } [class^="caseicon-"], [class*=" caseicon-"] { display: inline-block; } [class^="caseicon-"]:before, [class*=" caseicon-"]:before, [class^="caseicon-"]:after, [class*=" caseicon-"]:after { font-family: Caseicon; font-style: normal; font-weight: 400; } .caseicon-play1:before { content: "\f10b"; } .caseicon-search:before { content: "\f12c"; } .caseicon-open-folder:before { content: "\f138"; } .caseicon-angle-arrow-down:before { content: "\f150"; } @-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1650px}}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-12,.col-lg-12,.col-lg-3,.col-lg-9{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:992px){.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}@media (min-width:576px){.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:768px){.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:992px){.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}}@media (min-width:1200px){.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}} .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}@keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}40% {-webkit-transform: translateY(-30px);-ms-transform: translateY(-30px);transform: translateY(-30px);}60% {-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}}.bounce {-webkit-animation-name: bounce;animation-name: bounce;}@-webkit-keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}@keyframes flash {0%, 50%, 100% {opacity: 1;}25%, 75% {opacity: 0;}}.flash {-webkit-animation-name: flash;animation-name: flash;}@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-40px);transform: translateX(-40px);}100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-40px);-ms-transform: translateX(-40px);transform: translateX(-40px);}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(40px);transform: translateX(40px);}100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}}@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(40px);-ms-transform: translateX(40px);transform: translateX(40px);}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(40px);transform: translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);transform: translateY(40px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;} .wow.zoomIn.animated { -webkit-animation-name: pxl-zoom-in; animation-name: pxl-zoom-in; } @keyframes pxl-zoom-in { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } /* Magnific Popup CSS */ .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } button::-moz-focus-inner { padding: 0; border: 0; } /* Main image in popup */ /* The shadow behind the image */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ } /* header default */ /* loading */ /*-------------------------------------------------------------- RTL ---------------------------------------------------------------- # Header # Blog # WordPress Widget # Elementor Widget # Extra # Important --------------------------------------------------------------*/ /*-------------------------------------------------------------- post grid ---------------------------------------------------------------- # blog --------------------------------------------------------------*/ /*-------------------------------------------------------------- post grid ---------------------------------------------------------------- # testimonial carousel # testimonial grid # testimonial single --------------------------------------------------------------*/ /*-------------------------------------------------------------- post carousel ---------------------------------------------------------------- # carousel style # blog # portfolio # service --------------------------------------------------------------*/ /*-------------------------------------------------------------- # team --------------------------------------------------------------*/ @keyframes pxl-jump { 50% { -webkit-transform: translateY(-30%); transform: translateY(-30%); } } @keyframes pxl-skew { 50% { -webkit-transform: skew(-30deg); transform: skew(-30deg); } } @keyframes pxl-jump { 50% { -webkit-transform: translateY(-30%); transform: translateY(-30%); } } @keyframes pxl-skew { 50% { -webkit-transform: skew(-30deg); transform: skew(-30deg); } } @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); } } @-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; } } @-ms-keyframes pxl_spin { from { -ms-transform: rotate(0); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes pxl_spin { from { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes pxl_spin { from { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @keyframes pxl_spin { from { transform: rotate(0); } to { transform: rotate(359deg); } } @keyframes pxl_right_from_left { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } @keyframes pxl_bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) translateX(-50%); } 40% { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px) translateX(-50%); } 60% { -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px) translateX(-50%); } } @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_bottom_top_small { 0% { transform: translateX(0px); } 25% { transform: translateY(10px); } 50% { transform: translateY(0px); } 75% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } @-webkit-keyframes pxl_fade_in_move { 0% { opacity: 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { opacity: 1; -webkit-transform: scale3d(0.1, 1, 1); transform: scale3d(0.1, 1, 1); } 100% { opacity: 0.14; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pxl_fade_in_move { 0% { opacity: 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } 10% { opacity: 1; -webkit-transform: scale3d(0.1, 1, 1); transform: scale3d(0.1, 1, 1); } 100% { opacity: 0.14; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-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; } } @keyframes shine { 100% { left: 125%; } } @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%; } } .icon-bounce { animation: icon-bounce 2s ease infinite; } @keyframes icon-bounce { 70% { transform: translateY(0%); } 80% { transform: translateY(-15%); } 90% { transform: translateY(0%); } 95% { transform: translateY(-7%); } 97% { transform: translateY(0%); } 99% { transform: translateY(-3%); } 100% { transform: translateY(0); } } @-webkit-keyframes pxl_skew_in { 0% { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes pxl_skew_in { 0% { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); -webkit-transform: translateX(30px); transform: translateX(30px); } 100% { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); -webkit-transform: translateX(0); transform: translateX(0); } } .container { padding-left: 15px; padding-right: 15px; } .d-flex-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; } .d-flex-wrap > * { max-width: 100%; } .overflow-hidden { overflow: hidden !important; } .aligncenter { margin-top: 6px; margin-bottom: 45px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .sticky { display: block; } .italic { font-style: italic; } .relative { position: relative; } .absolute { position: absolute; } .pxl-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .pos-fix { position: fixed; } .transition { -webkit-transition: all 300ms ease-in-out; -khtml-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .pxl-heading { color: var(--four-color); font-weight: 700; margin-top: 0; } .clearfix::after, .clearfix::before { display: block; clear: both; content: ""; } .elementor-column.pxl-bg-ken-burns .elementor-widget-wrap { background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-animation: pxl-ken-burns-in-out 30s linear infinite; -khtml-animation: pxl-ken-burns-in-out 30s linear infinite; -moz-animation: pxl-ken-burns-in-out 30s linear infinite; -ms-animation: pxl-ken-burns-in-out 30s linear infinite; -o-animation: pxl-ken-burns-in-out 30s linear infinite; animation: pxl-ken-burns-in-out 30s linear infinite; } .pxl-ken-burns--active { -webkit-transition-duration: 20s; -o-transition-duration: 20s; transition-duration: 20s; } .elementor-section.pxl-border-section-anm { border-width: 0 !important; } .elementor-column.pxl-border-column-anm > .elementor-element-populated { border-width: 0 !important; } .pxl-divider.animated .pxl-divider-separator { transform: scaleX(0); transform-origin: 0 100%; transition: transform 2s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.slow .pxl-divider-separator { transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.normal .pxl-divider-separator { transition: transform 1.8s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.fast .pxl-divider-separator { transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .pxl-divider.animated.pxl-animated .pxl-divider-separator { transform: scale(1); } .slow { transition: transform 2.5s cubic-bezier(0.77, 0, 0.175, 1); } .normal { transition: transform 1.8s cubic-bezier(0.77, 0, 0.175, 1); } .fast { transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .cursor-map-target:hover .pxl-map-wrap { opacity: 1; } .pxl-map-wrap { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: opacity 0.3s, visibility 0.3s; -khtml-transition: opacity 0.3s, visibility 0.3s; -moz-transition: opacity 0.3s, visibility 0.3s; -ms-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .pxl-map-wrap .pxl-map-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pxl-map-wrap .pxl-map-content iframe { width: 100%; height: 100%; } .pxl-map-wrap.active { opacity: 1; visibility: visible; z-index: 999999; } .pxl-map-wrap.active .pxl-map-content { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-bg-parallax { position: relative; overflow: hidden; } .elementor-section .elementor-container { flex-wrap: wrap; justify-content: center; } .elementor-section.pxl-section-static-pos-yes .elementor-container { position: static; } .elementor-section.pxl-section-static-pos-yes .elementor-column, .elementor-section.pxl-section-static-pos-yes .elementor-column-wrap { position: static; } .elementor-section.pxl-section-static-pos-yes .elementor-widget-wrap { position: static; } .elementor-section.pxl-section-overflow-hidden-yes { overflow: hidden !important; } .elementor-column.pxl-column-overflow-hidden-yes { overflow: hidden !important; } .elementor-editor-active .pxl-header-sticky { display: none; } .elementor-editor-active .pxl-header-mobile-sticky { display: none; } .elementor-editor-active .pxl-scroll-top { opacity: 1; -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); } .elementor-column { min-height: 0px; } .elementor-lightbox .swiper-zoom-container > canvas, .elementor-lightbox .swiper-zoom-container > img, .elementor-lightbox .swiper-zoom-container > svg { object-fit: cover; -o-object-fit: cover; } .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 0 15px; } .elementor-column-gap-extended > .elementor-column > .elementor-element-populated { padding: 0 15px; } .pxl-entry-content .elementor-inner-section > .elementor-column-gap-default { margin: 0 -15px; } .pxl-hidden-template .elementor-inner-section > .elementor-column-gap-default { margin: 0 -15px; } .elementor-column.pxl-skew .elementor-element-populated:before { content: ""; background-color: inherit; position: absolute; top: 0; bottom: 0; width: 50vw; right: 100%; } .elementor-column.pxl-skew .elementor-element-populated:after { content: ""; background-color: inherit; position: absolute; top: 0; bottom: 0; width: 22px; left: 100%; height: 100%; background-size: cover; clip-path: polygon(0% 100%, 100% 100%, 0% 0%); } .max-width-container > div { max-width: 1380px !important; margin: 0 auto; } .pxl-item--star { display: inline-block; margin: 0 -4px; } .pxl-item--star i { display: inline-block; font-size: 21px; margin: 0; color: #c4c4c4; } .pxl-item--star.five-star i { color: #ffa903; } .pxl-navigation-carousel { display: flex; } .pxl-navigation-carousel .pxl-navigation-arrow { cursor: pointer; width: 90px; height: 90px; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.3s ease; } @media (max-width: 880px) { .pxl-navigation-carousel .pxl-navigation-arrow { width: 70px; height: 70px; } .pxl-navigation-carousel .pxl-navigation-arrow svg { height: 20px; } } .pxl-navigation-carousel .pxl-navigation-arrow svg path { fill: var(--secondary-color); } .pxl-navigation-carousel .pxl-navigation-arrow:hover { background-color: var(--secondary-color); } .pxl-navigation-carousel .pxl-navigation-arrow:hover svg path { fill: #fdfdfd; } .pxl-navigation-carousel .pxl-navigation-arrow.pxl-navigation-arrow-prev { margin-right: 18px; } .pxl-mask-bg-parallax { -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; background: linear-gradient(90deg, #2f057b 0%, #6441c1 100%); -webkit-mask-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .pxl-mask-bg-parallax img { width: 100%; height: 100%; mix-blend-mode: multiply; position: absolute; top: 120px; } .far, .fas { font-family: "Font Awesome 5 Pro" !important; } .pxl-wobble span { display: inline-block; pointer-events: none; } .pxl-wobble span.pxl-jump { -webkit-animation: pxl-jump 0.5s 1; -khtml-animation: pxl-jump 0.5s 1; -moz-animation: pxl-jump 0.5s 1; -ms-animation: pxl-jump 0.5s 1; -o-animation: pxl-jump 0.5s 1; animation: pxl-jump 0.5s 1; } .pxl-wobble span.pxl-skew { -webkit-animation: pxl-skew 0.5s 1; -khtml-animation: pxl-skew 0.5s 1; -moz-animation: pxl-skew 0.5s 1; -ms-animation: pxl-skew 0.5s 1; -o-animation: pxl-skew 0.5s 1; animation: pxl-skew 0.5s 1; } .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: 100%; height: 100%; position: relative; padding: 0 15px; } .page #pxl-main > #primary { display: flex; align-items: center; justify-content: center; text-align: center; } .pxl-swiper-arrow { font-size: 16px; color: #000; display: block; z-index: 2; text-align: center; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -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-swiper-arrow i { font-size: 24px; display: flex; align-items: center; justify-content: center; } .pxl-swiper-arrow:hover { color: var(--secondary-color); } .pxl-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: -28px; } @media screen and (max-width: 1199px) { .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: 30px; } } .pxl-swiper-arrow.pxl-swiper-arrow-next { right: -28px; } @media screen and (max-width: 1199px) { .pxl-swiper-arrow.pxl-swiper-arrow-next { right: 30px; } } .pxl-swiper-arrow.style2 { background-color: #f1f1f3; color: #fff; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .pxl-swiper-arrow.style2:before { z-index: -1; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; 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'); opacity: 0; -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-swiper-arrow.style2:hover { background-color: #f1f1f3; } .pxl-swiper-arrow.style2:hover:before { opacity: 1; } .pxl-swiper-dots { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; } .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 12px; width: 8px; height: 8px; text-align: center; background: #cacaca; cursor: pointer; position: relative; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -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-swiper-dots .pxl-swiper-pagination-bullet:hover, .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--primary-color); } .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 300ms ease; -khtml-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; } .pxl-swiper-boxshadow .pxl-swiper-slide:not(.swiper-slide-visible) { opacity: 0; } .pxl-swiper-sliders { position: relative; } @media (min-width: 991px) { .pxl-swiper-sliders:hover .pxl-swiper-arrow { opacity: 1; visibility: visible; } } .pxl-swiper-sliders.pxl-swiper-arrow-show .pxl-swiper-arrow { opacity: 1; visibility: visible; } .pxl-swiper-nogap .pxl-swiper-container { margin: 0; } .pxl-swiper-nogap .pxl-swiper-container .pxl-swiper-slide { padding: 0; } .pxl-swiper-thumbs { overflow: hidden; } .pxl-swiper-thumbs .swiper-slide { cursor: pointer; } svg linearGradient stop:first-child { stop-color: var(--gradient-color-from); } svg linearGradient stop:last-child { stop-color: var(--gradient-color-to); } @media (min-width: ) { .pxl-swiper-arrows { left: calc((100vw - 1170px)/2) !important; } } #pxl-page-title-default .pxl-page-title, #pxl-page-title-default .pxl-breadcrumb li, .pxl-cursor-drag, .pxl-cursor-drag .text, .pxl-text-editor a, .pxl-item--archive .pxl-item--title, .pxl-item--archive .pxl-item--meta a, .single-post .pxl-item-single-post .pxl-item--meta, .single-post .pxl-item-single-post > .pxl-item--title, .single-post .pxl-item--meta, button:not(.rm-style-default), .button, input[type="submit"], .pxl-post-carousel1 .item--title, .pxl-post-carousel1 .item--author, .ci-content-wrap .ci-content .ci-title, .pxl-icon-box1 .pxl-item--title, .pxl-testimonial-carousel3 .pxl-item--title { font-family: 'Montserrat' !important; } html { box-sizing: border-box; } body { background-color: #fdfdfd; font-size: 24px; line-height: 1.66666; color: var(--third-color); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; font-weight: normal; letter-spacing: 0; overscroll-behavior: none; font-family: 'Montserrat'; margin: 0; padding: 0; } body::-webkit-scrollbar { width: 10px; } body::-webkit-scrollbar-thumb { background: #2e2e2e; border: 2px solid transparent; background-clip: padding-box; } body::-webkit-scrollbar-thumb:hover { border: 0; } body::-webkit-scrollbar-track { background: ; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -khtml-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } a { -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: 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, a:focus { color: var(--link-color-hover); } a:active, a.nice-select.open { color: var(--link-color-active); } .clearfix::after { display: block; clear: both; content: ""; } a, a:hover, a:focus, a:before, a:after { outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat'; color: var(--four-color); font-weight: 700; margin: 0 0 15px; clear: both; line-height: 1.41666; } h1, .h1 { font-size: 48px; } h2, .h2 { font-size: 42px; } h3, .h3 { font-size: 32px; } h4, .h4 { font-size: 24px; } h5, .h5 { font-size: 22px; } h6, .h6 { font-size: 18px; } img { width: auto; max-width: 100%; height: auto; vertical-align: middle; border-style: none; } p { margin: 0 0 15px; } .gallery-caption { opacity: 1; } .aligncenter { margin-top: 6px; margin-bottom: 45px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .sticky { display: block; } .screen-reader-text { display: none; } caption { font-weight: normal; text-align: left; } dl dt { font-weight: normal; line-height: 26px; text-transform: uppercase; font-weight: 700; color: #000; } 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; } 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; } .aligncenter { margin-top: 6px; margin-bottom: 45px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .sticky { display: block; } .updated:not(.published) { display: none; } .gallery-caption { opacity: 1; } .pxl-image-wg.skew-in.pxl-animated { -webkit-animation-name: pxl_skew_in; animation-name: pxl_skew_in; -webkit-animation-duration: 1s !important; animation-duration: 1s !important; -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 1200px) { .pxl-sidebar-sticky { position: -webkit-sticky; position: sticky; top: 40px; } } #pxl-wapper { overflow: hidden; } #pxl-wapper.pxl-wapper .pxl-video-player1 img { transform: none !important; object-fit: cover; } @media (max-width: 1200px) { #pxl-wapper.pxl-wapper .pxl-video-player1 img { height: 100%; } } #pxl-wapper.pxl-wapper .pxl-image-single .pxl-item--inner img { transform: none !important; object-fit: cover; } #pxl-wapper.pxl-wapper #pxl-main { position: relative; } @media screen and (min-width: 1200px) { #pxl-wapper .container { max-width: 1650px; width: 100%; z-index: 3; position: relative; } } @media screen and (max-width: 1199px) { #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: 30px; } } #pxl-wapper .elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section > .elementor-container { margin: 0 -15px; max-width: inherit !important; } @media screen and (max-width: 1199px) { #pxl-wapper .elementor-top-section > .elementor-column-gap-extended .elementor-inner-section > .elementor-column-gap-extended { margin-left: -15px; margin-right: -15px; } } #pxl-main { padding: 99px 0 139px; } @media (max-width: 1200px) { #pxl-main { padding: 50px 0 80px; } } #pxl-main .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1650px; margin: 0 auto; } .single-post #pxl-main { padding: 99px 0 190px; } @media screen and (max-width: 1199px) { .single-post #pxl-main { padding: 60px 0 60px; } } .single-post .pxl-item--content > .elementor { margin: 0 -15px; } .pxl-breadcrumb { padding: 0; margin: 0; list-style: none; } .pxl-breadcrumb a { color: inherit; } .pxl-breadcrumb a:hover { color: var(--primary-color); } .pxl-breadcrumb li { display: inline-block; align-items: center; } .pxl-breadcrumb li:first-child:before { content: "\f147"; margin-right: 6px; color: inherit; font-family: caseicon; font-size: 16px; line-height: 1; position: relative; top: 2px; } .pxl-breadcrumb li span { font-size: inherit; } #pxl-page-title-default { padding: 126px 0 129px; text-align: center; position: relative; background-image: -webkit-linear-gradient(to right, var(--gradient-two-color-from_two), var(--gradient-two-color-to_two)); background-image: -moz-linear-gradient(to right, var(--gradient-two-color-from_two), var(--gradient-two-color-to_two)); background-image: -ms-linear-gradient(to right, var(--gradient-two-color-from_two), var(--gradient-two-color-to_two)); background-image: -o-linear-gradient(to right, var(--gradient-two-color-from_two), var(--gradient-two-color-to_two)); background-image: linear-gradient(to right, var(--gradient-two-color-from_two), var(--gradient-two-color-to_two)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-two-color-from_two)', endColorStr='var(--gradient-two-color-to_two)'); } @media screen and (max-width: 1199px) { #pxl-page-title-default { padding: 106px 0 109px; } } #pxl-page-title-default .pxl-page-title-default-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom center !important; background-attachment: fixed; opacity: 15%; display: block; } #pxl-page-title-default svg { position: absolute; bottom: 0px; left: 0; right: 0; z-index: 2; width: 100%; } #pxl-page-title-default .container { z-index: 99; position: relative; } #pxl-page-title-default .pxl-page-title { font-size: 60px; color: #fdfdfd; margin-bottom: 33px; font-weight: 700; line-height: 70px; max-width: 1121px; margin: 0 auto 23px; } @media screen and (max-width: 1199px) { #pxl-page-title-default .pxl-page-title { font-size: 35px; line-height: 1.2; } } @media screen and (max-width: 767px) { #pxl-page-title-default .pxl-page-title { font-size: 30px; line-height: 1.2; margin-bottom: 15px; } } #pxl-page-title-default .pxl-page-title ~ .pxl-breadcrumb { display: inline-flex; justify-content: center; } #pxl-page-title-default .pxl-breadcrumb { display: flex; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; justify-content: left; font-size: 24px; font-weight: 600; line-height: 34px; color: #fdfdfd; } #pxl-page-title-default .pxl-breadcrumb a { font-size: inherit; } #pxl-page-title-default .pxl-breadcrumb a:hover { text-decoration: underline; } #pxl-page-title-default .pxl-breadcrumb li { margin-right: 41px; position: relative; } @media (max-width: 1200px) { #pxl-page-title-default .pxl-breadcrumb li { margin-bottom: 20px; } } @media (max-width: 1200px) and (max-width: 991px) { #pxl-page-title-default .pxl-breadcrumb li { margin-bottom: 0; } } #pxl-page-title-default .pxl-breadcrumb li:before { content: '\f054'; font-family: "font awesome 5 pro"; position: absolute; margin: 0; top: 50%; transform: translatey(-50%); right: -21px; font-size: 12px; } #pxl-page-title-default .pxl-breadcrumb li:last-child { margin-right: 0; } #pxl-page-title-default .pxl-breadcrumb li:last-child span { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-image: linear-gradient(90deg, #40ccfc, #1aecf5); } #pxl-page-title-default .pxl-breadcrumb li:last-child:before { content: none !important; } .pxl-scroll-top { position: fixed; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; line-height: 50px; right: 50px; bottom: 50px; font-size: 14px; background-color: #fff; color: var(--primary-color); text-align: center; z-index: 9999; opacity: 0; visibility: hidden; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 0 20px rgba(23, 23, 23, .25); -khtml-box-shadow: 0 0 20px rgba(23, 23, 23, .25); -moz-box-shadow: 0 0 20px rgba(23, 23, 23, .25); -ms-box-shadow: 0 0 20px rgba(23, 23, 23, .25); -o-box-shadow: 0 0 20px rgba(23, 23, 23, .25); box-shadow: 0 0 20px rgba(23, 23, 23, .25); -webkit-transition: 0.4s; -khtml-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .pxl-scroll-top:before { content: "\f13d"; font-family: caseicon; position: absolute; font-size: 15px; font-weight: 500; animation: icon-bounce 2s linear 0s infinite; -webkit-transition: 0.2s; -khtml-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .pxl-scroll-top:hover, .pxl-scroll-top:focus { margin-bottom: 4px; } .pxl-scroll-top:hover:before, .pxl-scroll-top:focus:before { color: var(--primary-color); } .pxl-scroll-top .pxl-progress-circle path { fill: none; stroke: var(--primary-color); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; -khtml-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .elementor-editor-active #pxl-header-elementor, .elementor-editor-active #pxl-page-title-default, .elementor-editor-active #pxl-footer-elementor, .elementor-editor-active .pxl-menu-primary .sub-menu, .elementor-editor-active .pxl-menu-primary .children { display: none; } @media screen and (min-width: 992px) { body.blog .pxl-content-wrap.no-sidebar .pxl-content-area, body.single-post .pxl-content-wrap.no-sidebar .pxl-content-area { max-width: 1650px; margin-left: auto; margin-right: auto; } } .pxl-cursor { position: fixed; background-color: #ff7268; width: 20px; height: 20px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; transform: scale(1); transform-origin: center; } .pxl-cursor.active { opacity: 1; transform: scale(0); color: #fff; background-color: #ff7268; } .pxl-cursor:not(.active) { mix-blend-mode: multiply; } .pxl-cursor-follower { position: fixed; background-color: #ff7268; opacity: 0.2; width: 30px; height: 30px; border-radius: 100%; z-index: 1; transition: 0.6s transform linear, opacity 0.2s linear, background 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; transform: translate(2px, 2px); transform-origin: center; } .pxl-cursor-follower.active { opacity: 0.5; transform: scale(2); color: #fff; background-color: #ff7268; } .pxl-cursor-follower.active.video { background-color: var(--primary-color); } .pxl-cursor-follower:not(.active) { mix-blend-mode: multiply; } .pxl-cursor-arrow-prev { position: fixed; background-color: var(--primary-color); width: 104px; height: 104px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; transform: scale(0.5); transform-origin: center; color: #fff; font-size: 14px; line-height: 30px; font-family: ; letter-spacing: 0.1em; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pxl-cursor-arrow-prev.active { opacity: 1; transform: scale(1); } .pxl-cursor-arrow-prev .icon { margin-right: 8px; } .pxl-cursor-arrow-prev .rotate-180 { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pxl-cursor-arrow-prev .text { margin-top: 1px; } .pxl-cursor-arrow-next { position: fixed; background-color: var(--primary-color); width: 104px; height: 104px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; transform: scale(0.5); transform-origin: center; color: #fff; font-size: 14px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pxl-cursor-arrow-next.active { opacity: 1; transform: scale(1); } .pxl-cursor-arrow-next .icon { margin-left: 7px; } .pxl-cursor-arrow-next .rotate-180 { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pxl-cursor-arrow-next .text { margin-top: 1px; } .pxl-cursor-drag { position: fixed; width: 104px; height: 104px; border-radius: 100%; z-index: 1; user-select: none; pointer-events: none; z-index: 1000; opacity: 0; transform: scale(0.5); transform-origin: center; color: #fff; font-size: 14px; line-height: 30px; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 -8px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; mix-blend-mode: difference; -webkit-transition: all 0.08s linear; -khtml-transition: all 0.08s linear; -moz-transition: all 0.08s linear; -ms-transition: all 0.08s linear; -o-transition: all 0.08s linear; transition: all 0.08s linear; } .pxl-cursor-drag > * { display: inline-flex; } .pxl-cursor-drag.active { opacity: 1; transform: scale(1); } .pxl-cursor-drag .pxl-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: var(--primary-color); border-radius: 100%; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-cursor-drag .icon { font-size: 14px; color: #fff; margin: 0 8px; z-index: 1; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .pxl-cursor-drag .text { z-index: 1; opacity: 1; transform: scale(1); -webkit-transition: all 0.3s ease 0.4s; -khtml-transition: all 0.3s ease 0.4s; -moz-transition: all 0.3s ease 0.4s; -ms-transition: all 0.3s ease 0.4s; -o-transition: all 0.3s ease 0.4s; transition: all 0.3s ease 0.4s; } .pxl-cursor-drag .rotate-180 { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pxl-cursor-map { position: fixed; background-color: var(--primary-color); width: 101px; height: 101px; border-radius: 100%; z-index: 1; transition: transform 0.3s linear, opacity 0.2s linear; user-select: none; pointer-events: none; z-index: 10000; opacity: 0; transform: scale(0.5); transform-origin: center; color: #fff; font-size: 14px; line-height: 26px; text-transform: uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pxl-cursor-map.active { opacity: 1; transform: scale(1); } .svg-bg { fill: #fdfdfd; } .single-service .pxl-content-wrap.no-sidebar .pxl-image--inner { width: 100%; } .single-service #pxl-content-area { padding-right: 0; } @media (max-width: 991px) { .single-service #pxl-content-area { padding-right: 15px; } } .el-empty:empty { display: none !important; } .pxl-swiper-arrow.style2:before, .pxl-showcase .pxl-item--image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pxl-showcase .pxl-item--button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #pxl-search-popup .pxl-item--conent { display: flex; flex-wrap: wrap; align-items: center; } body.rtl #pxl-page-title-default .pxl-breadcrumb li:before, .swiper-filter-wrap .filter-item.active span, .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover, .swiper-filter-wrap .filter-item.active span, .pxl-swiper-arrow-style3 .pxl-swiper-arrow:hover { background-color: ; background-image: -webkit-gradient(linear, right top, left top, from(), to()); background-image: -webkit-linear-gradient(to right, , ); background-image: -moz-linear-gradient(to right, , ); background-image: -ms-linear-gradient(to right, , ); background-image: -o-linear-gradient(to right, , ); background-image: linear-gradient(to right, , ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='', endColorStr='', 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; } .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: 9px 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); } @media screen and (min-width: 1200px) { .pxl-hide-xl { display: none !important; } } .image-carousel-custom.elementor-pagination-position-inside .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 35px; } .pxl-image-tilt { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pxl-image-tilt-active { overflow: hidden; } body:not(.elementor-editor-active) .elementor-widget-pxl_particle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pxl-particle .pxl-item--particle { position: absolute; } .pxl-particle + .elementor-container { z-index: 99; } .pxl-logo a { display: inline-block; } .pxl-logo img { width: auto; vertical-align: middle; } .pxl-heading .typed-cursor { font-size: 113.675px; margin-left: -10px; animation: blink 0.8s infinite; } .pxl-heading .pxl-title--highlight { color: var(--primary-color); } .pxl-heading .heading-highlight { display: inline-block; font-size: 113.675px; line-height: 124.332px; font-weight: bold; font-family: Montserrat; color: #fdfdfd; } .pxl-heading .heading-highlight span { transition: all 0.3s linear; } @media (max-width: 767px) { .pxl-heading .heading-highlight { font-size: 40px; line-height: 1.2; } } .pxl-heading .typed-cursor { margin-left: -10px; animation: blink 0.8s infinite; font-size: 113.675px; line-height: 0; } @media (max-width: 767px) { .pxl-heading .typed-cursor { font-size: 40px; line-height: 1.2; } } .pxl-heading .pxl-item--title b { font-weight: 700; } .pxl-heading .pxl-item--title .text-border { position: relative; border: 0.888px solid #fff; top: 0; left: 0; display: inline-block; padding: 11px 21px 10px 21px; color: #fff; font-family: "Montserrat", sans-serif; font-size: 35.52px; font-weight: 700; text-transform: uppercase; line-height: 44.4px; } @media (max-width: 1024px) { .pxl-heading .pxl-item--title .text-border { font-size: 24px; line-height: 1.2; } } .pxl-heading .pxl-item--title .text-border:before { content: ''; position: absolute; width: 42.63px; height: 42.63px; bottom: -19px; right: -20px; background-color: transparent; border: 0.888px solid #fff; } .pxl-heading .pxl-item--title .text-effect { font-family: "poppin", sans-serif; font-size: 113.675px; font-weight: 700; line-height: 124.332px; color: transparent; -webkit-text-stroke: 2px #fdfdfd; transition: 0.3s ease-in-out; text-transform: capitalize; padding-right: 37px; } @media (max-width: 1200px) { .pxl-heading .pxl-item--title .text-effect { font-size: 90px; line-height: 1.2; } } @media (max-width: 1200px) and (max-width: 1024px) { .pxl-heading .pxl-item--title .text-effect { font-size: 72px; } } .pxl-heading .pxl-heading--inner { display: inline-block; position: relative; z-index: 1; } .pxl-heading .pxl-item--subtitle { display: inline-flex; position: relative; padding: 6px 35px; } @media (max-width: 767px) { .pxl-heading .pxl-item--subtitle { padding: 0 15px; } } .pxl-heading .pxl-item--subtitle:after { content: ''; position: absolute; top: 0; left: 0; 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)'); opacity: 0.2; border-radius: 67.0588px; width: 100%; height: 100%; } .pxl-heading .pxl-item--subtitle span { font-size: 22px; font-weight: 600; color: var(--primary-color); line-height: 34px; 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)'); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; position: relative; z-index: 1; } .pxl-heading .wow.letter { -webkit-transform: translatey(100%); -khtml-transform: translatey(100%); -moz-transform: translatey(100%); -ms-transform: translatey(100%); -o-transform: translatey(100%); transform: translatey(100%); -webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); -khtml-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); -moz-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); -ms-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); -o-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1); } .pxl-heading .wow.letter.animated { -webkit-transform: translatey(0px); -khtml-transform: translatey(0px); -moz-transform: translatey(0px); -ms-transform: translatey(0px); -o-transform: translatey(0px); transform: translatey(0px); } .pxl-text-editor .btn { margin: 0 12px; } .pxl-text-editor .sc-button-wrap { display: inline-flex; } .pxl-text-editor .pxl-item--inner { display: inline-block; } .pxl-text-editor .pxl-item--inner p:last-child { margin-bottom: 0; } .pxl-link { list-style: none; margin: 0; padding: 0; } @media (max-width: 767px) { .pxl-link.style1 li { display: block !important; } } .pxl-link.style2 { align-items: center; display: flex; } .pxl-link.style2 li i { width: auto; height: auto; line-height: normal; padding: 0; } .pxl-link li a { display: inline-flex; align-items: center; position: relative; position: relative; } .pxl-link li a .pxl-link-container { display: flex; flex-direction: column; align-items: flex-start; gap: 0px; } .pxl-link li a .pxl-link-container .pxl-link1 { color: var(--secondary-color); font-size: 16px; font-weight: 700; color: #fdfdfd; line-height: 30px; font-family: 'nunito sans'; } .pxl-link li a:after { content: ''; position: absolute; height: 1px; background-color: transparent; left: 0; bottom: 0; width: 0; transition: all 0.3s ease; } .pxl-link li a:hover:after { width: 100%; } .pxl-link li i { margin-right: 25px; margin-top: 0px; width: 32px; height: 32px; font-size: 14px; line-height: 32px; padding: 9px; display: flex; align-items: center; justify-content: center; color: #fff; background-color: var(--secondary-color); border-radius: 50%; } @media (max-width: 1024px) { .pxl-link li i { width: 25px; height: 25px; line-height: 25px; } } .pxl-megamenu .pxl-link li a:before { display: none; } .pxl-video-player1 .btn-video { background-color: transparent; width: 103px; height: 103px; line-height: 103px; text-align: center; color: #fff; border: 9px solid #fdfdfd; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: inline-block; } .pxl-video-player1 .btn-video i { line-height: 103px; font-size: 40px; } @media (max-width: 767px) { .pxl-video-player1 .btn-video i { line-height: 60px; font-size: 24px; } } .pxl-video-player1 .btn-video:before { content: ""; position: absolute; z-index: 0; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: initial; border-radius: 50%; animation: pxl_scale1 2000ms ease-out infinite; -webkit-animation: pxl_scale1 2000ms ease-out infinite; z-index: -2; background-color: #fff; opacity: 0.3; } .pxl-video-player1 .btn-video:after { content: ""; position: absolute; z-index: 0; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: initial; border-radius: 50%; animation: pxl_scale1 2000ms ease-out infinite; -webkit-animation: pxl_scale1 2000ms ease-out infinite; animation-delay: -3.5s; z-index: -2; background-color: #fff; opacity: 0.4; } .pxl-video-player1 .btn-video:hover, .pxl-video-player1 .btn-video:focus { color: #000; } .pxl-search-popup-button { display: flex; align-items: center; color: #fdfdfd; justify-content: center; cursor: pointer; margin-top: -6px; } .pxl-search-popup-button i { font-size: 29px; line-height: 29px; } .pxl-search-popup-button span { font-size: 0; } .pxl-contact-form { margin: 0 auto; } .pxl-contact-form .wrap-ctf1 > .input-filled { display: inline-flex; gap: 35px; align-items: center; justify-content: center; } .pxl-contact-form .wrap-ctf1 .btn-form:hover button:after { animation: pxl_right_from_left 0.5s forwards; } .pxl-contact-form .wrap-ctf1 .btn-form:hover p i { animation: pxl_right_from_left 0.5s forwards; } .pxl-contact-form .wrap-ctf1 .btn-form button { position: relative; margin-right: 10px; overflow: hidden; } .pxl-contact-form .wrap-ctf1 .btn-form button:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: var(--primary-color); -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .pxl-contact-form .wrap-ctf1 .btn-form p { display: flex; align-items: center; justify-content: center; } .pxl-contact-form .wrap-ctf1 .btn-form p i { font-size: 20px; } .pxl-contact-form .wpcf7-form-control-wrap { display: inline-flex; width: 100%; position: relative; } .pxl-contact-form form { position: relative; } .pxl-contact-form form .wpcf7-response-output { margin: 30px 0 10px; border: none; background-color: #fff; border-radius: 5px; font-size: 15px; padding: 12px 20px; color: red; text-align: center; } .pxl-contact-form form:before { content: ''; width: 30px; height: 30px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border-color: transparent var(--primary-color) transparent var(--primary-color); border-width: 2px; 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; -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); visibility: hidden; } .pxl-contact-form textarea { height: 164px; } .pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit) { height: 80px; box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.1); border-radius: 10px; } @media (max-width: 767px) { .pxl-contact-form1 .wpcf7-form-control:not(.wpcf7-submit) { height: 65px; } } .pxl-contact-form1 textarea { height: 265px !important; margin: 0; } .pxl-contact-form1 .wpcf7-form .btn-form { width: 100%; justify-content: center; 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)'); box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.1); border-radius: 10px; padding: 16px 40px 16px 36px; } .pxl-contact-form1 .wpcf7-form .btn-form p { margin: 0; width: 100%; text-align: center; } .pxl-contact-form1 .wpcf7-form .btn-form button { font-size: 16px; font-weight: 600; color: #fff; line-height: 34px; letter-spacing: 0.005em; position: unset; } .pxl-contact-form1 .wpcf7-form .btn-form button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pxl-contact-form1 .wpcf7-form .btn-form .button-arrow-hover { height: 12px; display: inline-block; } .pxl-contact-form1 .wpcf7-form .input-filled > p { margin: 0 0 27px; } .pxl-contact-form1 .wpcf7-form .input-filled.your-message > p { margin: 0 0 32px; } .pxl-contact-form1 .wpcf7-form .input-filled label { display: inline-block; margin-bottom: 17px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; color: #fdfdfd; } @media (max-width: 767px) { .pxl-contact-form1 .wpcf7-form .input-filled label { font-size: 20px; line-height: 1.2; } } .pxl-contact-form1 .wpcf7-form .input-filled .pxl-select-higthlight { height: 53px; } .pxl-contact-form1 .wpcf7-form .input-filled .wpcf7-submit i { margin-left: 0; margin-right: 10px; font-size: 22px; position: relative; top: 7px; } .pxl-contact-form1 .wpcf7-form .pxl-select .pxl-select-higthlight:before { right: 5px; } .pxl-contact-form1 .row { justify-content: center; } .pxl-contact-form1 .wrap-ctf-sass { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; } .pxl-contact-form1 .wrap-ctf-sass .input-filled p { margin-bottom: 0; } .pxl-contact-form1 .wrap-ctf-sass .input-filled input { font-family: dm sans; font-size: 16px; font-weight: 400; color: #aaa; line-height: normal; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; padding: 15px 29px; width: 777px; } @media (max-width: 881px) { .pxl-contact-form1 .wrap-ctf-sass .input-filled input { width: 100%; } } .pxl-contact-form1 .wrap-ctf-sass .input-filled .btn.btn-form { padding: 10px 26px 10px 28px; background: var(--primary-color); } .pxl-contact-form1 .wrap-ctf-sass .input-filled .btn.btn-form button { color: #fff; font-family: plus jakarta sans; font-size: 16px; font-style: normal; font-weight: 500; line-height: 17.11px; } .pxl-contact-form1 .wrap-ctf-email { position: relative; display: flex; align-items: center; max-width: 579px; height: 60px; } .pxl-contact-form1 .wrap-ctf-email .input-filled p { margin-bottom: 0; } .pxl-contact-form1 .wrap-ctf-email .input-filled input { font-family: poppins; border-radius: 16px; font-size: 18px; font-weight: 400; color: #636363; line-height: 60px; background-color: #fff; padding: 0 23px; width: 579px; } @media (max-width: 881px) { .pxl-contact-form1 .wrap-ctf-email .input-filled input { width: 100%; } } .pxl-contact-form1 .wrap-ctf3 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; } .pxl-contact-form1 .wrap-ctf3 .input-filled p { margin-bottom: 0; } .pxl-contact-form1 .wrap-ctf3 .input-filled input { font-family: archivo; font-size: 16px; font-weight: 400; color: #fdfdfd; border-radius: 3px; line-height: normal; border: 1px solid rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.20); padding: 19px 198px 30px 25.86px; } .pxl-contact-form1 .wrap-ctf3 .input-filled .btn.btn-form { background: #fdfdfd; } .pxl-contact-form1 .wrap-ctf3 .input-filled .btn.btn-form button { color: var(--primary-color); } .pxl-contact-form1 .wrap-ctf3 .input-filled .btn.btn-form .button-arrow-hover svg path { fill: var(--primary-color); } .pxl-icon1.style-1 { margin-left: -5px; margin-right: -5px; } .pxl-icon1.style-1 a { display: inline-block; margin: 5px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: rgba(115, 96, 242, 0.6); display: inline-flex; align-items: center; justify-content: center; transition: 0.5s linear; } .pxl-icon1.style-1 a i { font-size: 14px; } .pxl-icon1.style-1 a:hover { background-color: var(--primary-color); } .pxl-image-effect2 { animation: pxl_bottom_top_small 3s ease-out infinite; -webkit-animation: pxl_bottom_top_small 3s ease-out infinite; } .pxl-partner-carousel1.box-style1 .pxl-swiper-wrapper { align-items: center; } .pxl-partner-carousel1.box-style2 .pxl-swiper-wrapper { align-items: center; } .pxl-partner-carousel1.box-style2 .pxl-item--image { display: flex; flex-wrap: wrap; justify-content: center; } .pxl-partner-carousel1.box-style2 .pxl-item--image img { filter: grayscale(1); } .pxl-partner-carousel1.box-style2 .pxl-item--image:hover { -webkit-transform: translatey(-4px); -khtml-transform: translatey(-4px); -moz-transform: translatey(-4px); -ms-transform: translatey(-4px); -o-transform: translatey(-4px); transform: translatey(-4px); } .pxl-partner-carousel1.box-style2 .pxl-item--image:hover img { filter: grayscale(0); } .pxl-partner-carousel1 .pxl-item--inner { text-align: center; } .pxl-partner-carousel1 .pxl-swiper-arrow { height: 39px; width: 39px; line-height: 39px; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; font-size: 11px; } .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: 0; } .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next { right: 0; } .pxl-partner-carousel1[data-arrow="true"] { padding: 0 40px; } .pxl-partner-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 6px; width: 12px; height: 12px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0.6); -khtml-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } .pxl-partner-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .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-showcase.inactive .pxl-item--image:before { background: rgba(48, 49, 66, 0.50); backdrop-filter: blur(15px); } .pxl-showcase.inactive .pxl-item--image .item--link { opacity: 1; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .pxl-showcase.inactive .pxl-item--image .item--link:after { content: none; } .pxl-showcase .pxl-item--image { overflow: hidden; position: relative; margin-bottom: 34px; } @media screen and (max-width: 767px) { .pxl-showcase .pxl-item--image { margin-bottom: 25px; } } .pxl-showcase .pxl-item--image:before { background-color: rgba(0, 0, 0, 0.3); opacity: 0; z-index: 1; -webkit-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); -khtml-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); -moz-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); -ms-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); -o-transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1); } .pxl-showcase .item--image { position: relative; height: 280px; overflow: hidden; } .pxl-showcase .item--image img { display: block; width: 100%; object-fit: cover; } @media screen and (min-width: 1200px) { .pxl-showcase .item--image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media screen and (max-width: 1199px) { .pxl-showcase .item--image img { position: relative; top: 0; } } .pxl-showcase .pxl-item--button { z-index: 2; } .pxl-showcase .pxl-item--button a { border: none; } .pxl-showcase .item--link { display: block; min-width: 120px; font-weight: 700; text-align: center; margin-bottom: 0; opacity: 0; -webkit-transform: translatey(20px); -khtml-transform: translatey(20px); -moz-transform: translatey(20px); -ms-transform: translatey(20px); -o-transform: translatey(20px); transform: translatey(20px); -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .pxl-showcase .item--link + .item--link { margin-top: 20px; } .pxl-showcase .pxl-item--title { text-align: center; font-family: Montserrat; margin-bottom: 0; font-weight: 600; line-height: 32px; } @media screen and (max-width: 767px) { .pxl-showcase .pxl-item--title { font-size: 28px; } } .pxl-showcase .pxl-item--title a { color: var(--four-color); border: none; font-weight: inherit; } .pxl-showcase .pxl-item--title a:hover { color: var(--secondary-color); } .pxl-showcase .pxl-item--inner:hover .pxl-item--image:before { opacity: 1; } .pxl-showcase .pxl-item--inner:hover .item--link { opacity: 1; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .pxl-showcase .pxl-item--inner:hover .item--link:nth-child(2) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .pxl-showcase.pxl-showcase-scroll .item--image img { height: auto; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); -webkit-transition: all 4s ease; -khtml-transition: all 4s ease; -moz-transition: all 4s ease; -ms-transition: all 4s ease; -o-transition: all 4s ease; transition: all 4s ease; } .pxl-showcase.pxl-showcase-scroll .pxl-item--inner:hover .item--image img { top: 100%; -webkit-transform: translatey(-100%); -khtml-transform: translatey(-100%); -moz-transform: translatey(-100%); -ms-transform: translatey(-100%); -o-transform: translatey(-100%); transform: translatey(-100%); } @media screen and (max-width: 1199px) { .pxl-showcase { margin-bottom: 10px; } } .pxl-showcase-inactive .pxl-item--image:before { opacity: 1; } @media screen and (max-width: 1199px) { .pxl-showcase-inactive .pxl-showcase { margin-bottom: 0; } } .pxl-anchor-wrap { display: flex; } .pxl-anchor-wrap .pxl-anchor { -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .pxl-anchor-wrap .pxl-anchor.pxl-icon--right { display: inline-flex; flex-direction: row-reverse; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; line-height: 46px; padding: 0 35px; color: #fff; } .pxl-anchor-wrap .pxl-anchor.pxl-icon--right:hover { background-color: var(--primary-color); color: #fff; } .pxl-anchor-wrap .pxl-anchor.pxl-icon--left { display: inline-flex; } .pxl-anchor-wrap .pxl-anchor.btn-default { background-color: var(--primary-color); color: #fff; } @media screen and (min-width: 992px) { .pxl-gallery-grid1 .container-custom .swiper-filter-wrap { justify-content: right; } } @media screen and (max-width: 991px) { .pxl-gallery-grid1 .container-custom .swiper-filter-wrap { justify-content: left; } } .pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; visibility: visible; line-height: 1; font-size: 26px; color: #b8b8b8; } .pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover { color: var(--primary-color); background-color: transparent; } .pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-casestudy-carousel1 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; visibility: visible; line-height: 1; font-size: 26px; color: #b8b8b8; } .pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-arrow:hover { color: #fff; background-color: transparent; } .pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-casestudy-carousel2 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; visibility: visible; line-height: 1; font-size: 26px; color: #b8b8b8; } .pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-arrow:hover { color: #fff; background-color: transparent; } .pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-casestudy-carousel4 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow { position: static; transform: translate(0, 0); } .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev i { -webkit-transform: rotate(90deg); -khtml-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .pxl-slider-carousel1 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next i { -webkit-transform: rotate(90deg); -khtml-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .pxl-slider-carousel1 .wp-arrow .pxl-swiper-dots { display: flex; flex-wrap: wrap; margin-top: 0px; flex-direction: column; width: 20px; } .pxl-slider-carousel1 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 8px; } .pxl-slider-carousel1 .pxl-swiper-slide { padding-left: 0; padding-right: 0; } .pxl-search-box.layout1 .searchform-wrap { position: relative; } .pxl-search-box.layout1 .search-form { display: flex; } .pxl-search-box.layout1 .searchform-wrap { width: 100%; } .pxl-search-box.layout1 .search-field { padding-right: 50px; height: 86px; font-weight: 400; font-size: 23.7869px; color: #5d666f; background: #f6f6f6; border-radius: 7.43339px; } .pxl-search-box.layout1 .search-submit { position: absolute; right: 0; top: 0; width: 86px; height: 100%; padding: 0; border: none; background: #7360f2; box-shadow: 0px 14.8668px 29.7336px rgba(115, 96, 242, 0.3); border-radius: 7.43339px; cursor: pointer; } .pxl-search-box.layout1 .search-submit:after { content: ''; background: url(../img/vector.svg); width: 100%; height: 100%; font-size: 20px; font-weight: 300; color: #fff; display: flex; background-repeat: no-repeat; background-position: center; } .pxl-search-box.layout1 .search-submit:hover:after { fill: var(--primary-color); } .pxl-process1 .pxl-item--step { width: 39px; min-width: 39px; height: 39px; line-height: 39px; text-align: center; border-radius: 39px; background-color: #fff; color: var(--primary-color); font-size: 20px; font-weight: 700; -webkit-box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25); -khtml-box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25); -moz-box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25); -ms-box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25); -o-box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25); box-shadow: 0 10px 20px rgba(137, 151, 186, 0.25); } .pxl-process1 .pxl-item--meta { margin-top: 7px; } .pxl-process1 .pxl-item--meta .pxl-item--title { margin-bottom: 12px; } .pxl-process1 .pxl-item--inner { display: flex; flex-wrap: nowrap; } .pxl-process2.style2 { text-align: center; } .pxl-process2.style2 .pxl-item--inner { max-width: 312px; margin: 0 auto; } @media (max-width: 767px) { .pxl-process2.style2 .pxl-item--inner { max-width: 100%; } } .pxl-process2.style2 .pxl-item--image { width: 292px; height: 292px; line-height: 292px; margin: 0 auto 50px auto; position: relative; } @media (max-width: 1200px) { .pxl-process2.style2 .pxl-item--image { width: 200px; height: 200px; line-height: 200px; } } @media (max-width: 1200px) and (max-width: 991px) { .pxl-process2.style2 .pxl-item--image { width: 150px; height: 150px; line-height: 150px; } } .pxl-process2.style2 .pxl-item--image img { border-radius: 50%; } .pxl-process2.style2 .pxl-item--title { font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: 42px; } @media (max-width: 991px) { .pxl-process2.style2 .pxl-item--title { font-size: 28px; line-height: 1.2; } } .pxl-process2.style2 .pxl-item--description { font-family: nunito sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; max-width: 325px; } @media (max-width: 767px) { .pxl-process2.style2 .pxl-item--description { max-width: 100%; } } .pxl-process2.style2 .pxl-item--inner:hover .pxl-item--step { animation: pxl_bounce 800ms ease-out infinite; -webkit-animation: pxl_bounce 800ms ease-out infinite; } .pxl-process2.default { text-align: center; } .pxl-process2.default .pxl-item--inner { max-width: 312px; margin: 0 auto; } @media (max-width: 991px) { .pxl-process2.default .pxl-item--inner { max-width: 100%; } } .pxl-process2.default .pxl-item--image { width: 150px; height: 150px; line-height: 150px; background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); -webkit-box-shadow: 0 10px 40px rgba(255, 132, 105, 0.5); -khtml-box-shadow: 0 10px 40px rgba(255, 132, 105, 0.5); -moz-box-shadow: 0 10px 40px rgba(255, 132, 105, 0.5); -ms-box-shadow: 0 10px 40px rgba(255, 132, 105, 0.5); -o-box-shadow: 0 10px 40px rgba(255, 132, 105, 0.5); box-shadow: 0 10px 40px rgba(255, 132, 105, 0.5); border-radius: 50%; border: 5px solid #fdfdfd; margin: 0 auto 25px auto; position: relative; } @media (max-width: 1200px) { .pxl-process2.default .pxl-item--image { width: 130px; height: 130px; line-height: 130px; } } .pxl-process2.default .pxl-item--image .pxl-item--icon { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; } .pxl-process2.default .pxl-item--step { position: absolute; top: -30px; left: 50%; transform: translatex(-50%); font-size: 24px; font-weight: 600; color: var(--primary-color); width: 60px; height: 60px; line-height: 60px; border-radius: 60px; background-color: #fdfdfd; } .pxl-process2.default .pxl-item--title { font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: 42px; } @media (max-width: 767px) { .pxl-process2.default .pxl-item--title { font-size: 28px; line-height: 1.2; } } .pxl-process2.default .pxl-item--description { font-family: nunito sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; max-width: 325px; } @media (max-width: 991px) { .pxl-process2.default .pxl-item--description { max-width: 100%; } } .pxl-process2.default .pxl-item--inner:hover .pxl-item--step { animation: pxl_bounce 800ms ease-out infinite; -webkit-animation: pxl_bounce 800ms ease-out infinite; } .pxl-circle-svg svg { overflow: unset; width: 100vw; } .pxl-divider { display: -webkit-box; display: -ms-flexbox; display: flex; } .pxl-divider.horizontal .pxl-divider-separator { border-top: 1px solid ; } .pxl-divider.vertical .pxl-divider-separator { border-left: 1px solid ; } @media (min-width: 768px) { .single-service .pxl-image--inner { height: auto; } .single-service .pxl-image--inner .pxl-image-wg { position: relative; } } @media (min-width: 768px) { .pxl-image--inner:not(.f-featured) { position: relative; width: 100%; height: 500px; } .pxl-image--inner:not(.f-featured) .pxl-image-wg:not(.pxl-image-featured) { position: absolute; bottom: 0; left: 0; object-fit: cover; width: 100%; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .pxl-image--inner { overflow: visible !important; width: auto !important; height: auto !important; } } .pxl-hidden-panel-button { width: 34.52px; height: 29px; cursor: pointer; position: relative; background-color: transparent; /* header elementor */ } .pxl-hidden-panel-button .pxl-icon-line { height: 4.93px; display: block; line-height: 1; position: absolute; background-color: #fdfdfd; border-radius: 15px; transition: all 0.2s ease-in-out; } .pxl-hidden-panel-button .pxl-icon-line.pxl-icon-line1 { top: 0; width: 34.52px; right: 0; } .pxl-hidden-panel-button .pxl-icon-line.pxl-icon-line2 { top: 50%; width: 34.52px; right: 0; transform: translatey(-50%); } .pxl-hidden-panel-button .pxl-icon-line.pxl-icon-line3 { width: 34.52px; right: 0; bottom: 0; } .pxl-hidden-panel-button:hover .pxl-icon-line.pxl-icon-line1 { width: 34.52px; } .pxl-hidden-panel-button:hover .pxl-icon-line.pxl-icon-line2 { width: 28px; } .pxl-hidden-panel-button:hover .pxl-icon-line.pxl-icon-line3 { width: 20px; } #pxl-header-elementor { /* header menu */ } #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.default { position: fixed; top: 0; left: 0; right: 0; z-index: 999; visibility: hidden; -webkit-transform-origin: top; -khtml-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -webkit-transform: perspective(300px) rotateX(-90deg); -khtml-transform: perspective(300px) rotateX(-90deg); -moz-transform: perspective(300px) rotateX(-90deg); -ms-transform: perspective(300px) rotateX(-90deg); -o-transform: perspective(300px) rotateX(-90deg); transform: perspective(300px) rotateX(-90deg); -webkit-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #pxl-header-elementor .pxl-header-elementor-sticky.style2 { position: fixed; top: 0; left: 0; right: 0; z-index: 999; top: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -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 .px-header--transparent { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } #pxl-header-elementor .elementor-section .elementor-container, #pxl-header-elementor .elementor-widget, #pxl-header-elementor .elementor-widget-wrap, #pxl-header-elementor .elementor-column, #pxl-header-elementor .elementor-column-wrap { position: static; } @media screen and (min-width: 1200px) { /* 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: #1b1b1b; } .pxl-menu-primary li:hover > .sub-menu, .pxl-menu-primary li:hover > .children { opacity: 1; visibility: visible; pointer-events: auto; } .pxl-menu-primary li.current-menu-item a, .pxl-menu-primary li.current_page_item a { font-size: 16px; color: #1b1b1b; position: relative; font-weight: 500; } .pxl-menu-primary li.current-menu-item a > i, .pxl-menu-primary li.current_page_item a > i { opacity: 0; } .pxl-menu-primary li.current-menu-ancestor .current-menu-ancestor > a > span { position: relative; } .pxl-menu-primary li.current-menu-ancestor .current-menu-ancestor > a > span:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; } .pxl-menu-primary > li { display: inline-block; margin: 0 30px 0 0; } .pxl-menu-primary > li > a { line-height: 87px; font-size: 17px; color: #1c1c25; font-family: 'Montserrat'; text-transform: capitalize; font-weight: 600; display: inline-block; } .pxl-menu-primary > li > a span { position: relative; } .pxl-menu-primary > li > a span:after { content: ''; position: absolute; height: 2px; background-color: var(--primary-color); left: 0; border-radius: 5px; bottom: -8px; width: 0; transition: all 0.3s ease; } .pxl-menu-primary > li > a > i { padding-left: 10px; font-size: 10px; opacity: 0; } .pxl-menu-primary > li > a:hover, .pxl-menu-primary > li.current_page_item > a, .pxl-menu-primary > li.current-menu-item > a, .pxl-menu-primary > li.current_page_ancestor > a, .pxl-menu-primary > li.current-menu-ancestor > a { color: var(--primary-color); } .pxl-menu-primary > li > a:hover span:after, .pxl-menu-primary > li.current_page_item > a span:after, .pxl-menu-primary > li.current-menu-item > a span:after, .pxl-menu-primary > li.current_page_ancestor > a span:after, .pxl-menu-primary > li.current-menu-ancestor > a span:after { width: 100%; } .pxl-menu-primary > li:first-child .sub-menu:after, .pxl-menu-primary > li:first-child .children:after { width: 100px; } .pxl-menu-primary .sub-menu, .pxl-menu-primary .children { position: absolute; top: 100%; left: 0; min-width: 270px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: translateY(70px); transform: translateY(70px); transition: all 0.3s ease; z-index: 99; background-color: var(--four-color); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07); padding: 15px 0; } .pxl-menu-primary .sub-menu:after, .pxl-menu-primary .children:after { content: ''; position: absolute; width: 50%; height: 35px; background-color: transparent; top: -35px; left: 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 { line-height: 23px !important; padding: 0.65em 1.7em; position: relative; font-size: 15px; font-family: 'Montserrat'; text-transform: capitalize; font-weight: 600; display: block; text-align: left; } .pxl-menu-primary .sub-menu li a i, .pxl-menu-primary .children li a i { font-size: 9px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; } .pxl-menu-primary .sub-menu li a span, .pxl-menu-primary .children li a span { position: relative; display: inline-block; -webkit-transition: padding-left 0.2s ease; -ms-transition: padding-left 0.2s ease; transition: padding-left 0.2s ease; color: #fff; } .pxl-menu-primary .sub-menu li a span:after, .pxl-menu-primary .children li a span:after { content: ""; display: block; position: relative; z-index: 1; top: auto; bottom: -3px; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; width: 0; height: 1px; -webkit-transition: width 0.2s ease; -ms-transition: width 0.2s ease; transition: width 0.2s ease; background-color: #fdfdfd; } .pxl-menu-primary .sub-menu li > a:hover, .pxl-menu-primary .children li > a:hover, .pxl-menu-primary .sub-menu li.current_page_item > a, .pxl-menu-primary .children li.current_page_item > a, .pxl-menu-primary .sub-menu li.current-menu-item > a, .pxl-menu-primary .children li.current-menu-item > a, .pxl-menu-primary .sub-menu li.current_page_ancestor > a, .pxl-menu-primary .children li.current_page_ancestor > a, .pxl-menu-primary .sub-menu li.current-menu-ancestor > a, .pxl-menu-primary .children li.current-menu-ancestor > a { color: #fff; } .pxl-menu-primary .sub-menu li > a:hover span, .pxl-menu-primary .children li > a:hover span, .pxl-menu-primary .sub-menu li.current_page_item > a span, .pxl-menu-primary .children li.current_page_item > a span, .pxl-menu-primary .sub-menu li.current-menu-item > a span, .pxl-menu-primary .children li.current-menu-item > a span, .pxl-menu-primary .sub-menu li.current_page_ancestor > a span, .pxl-menu-primary .children li.current_page_ancestor > a span, .pxl-menu-primary .sub-menu li.current-menu-ancestor > a span, .pxl-menu-primary .children li.current-menu-ancestor > a span { padding-left: 9px; } .pxl-menu-primary .sub-menu li > a:hover span:after, .pxl-menu-primary .children li > a:hover span:after, .pxl-menu-primary .sub-menu li.current_page_item > a span:after, .pxl-menu-primary .children li.current_page_item > a span:after, .pxl-menu-primary .sub-menu li.current-menu-item > a span:after, .pxl-menu-primary .children li.current-menu-item > a span:after, .pxl-menu-primary .sub-menu li.current_page_ancestor > a span:after, .pxl-menu-primary .children li.current_page_ancestor > a span:after, .pxl-menu-primary .sub-menu li.current-menu-ancestor > a span:after, .pxl-menu-primary .children li.current-menu-ancestor > a span:after { width: 100%; } .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: 0px; left: 100%; } .pxl-menu-primary .sub-menu .sub-menu.back, .pxl-menu-primary .children .sub-menu.back, .pxl-menu-primary .sub-menu .children.back, .pxl-menu-primary .children .children.back { left: auto; right: 100%; } .pxl-menu-primary .sub-menu .pxl-heading .pxl-item--title, .pxl-menu-primary .children .pxl-heading .pxl-item--title { color: inherit !important; } .pxl-menu-primary li:hover > .sub-menu, .pxl-menu-primary li.focus > .sub-menu, .pxl-menu-primary li:hover > .children, .pxl-menu-primary li.focus > .children { visibility: visible; opacity: 1; clip: inherit; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .pxl-menu-primary .pxl-megamenu { position: static; } .pxl-menu-primary .pxl-megamenu > a { position: relative; } .pxl-menu-primary .pxl-megamenu > .sub-menu { max-width: 1320px; margin-left: auto; margin-right: auto; left: 0; right: 0; padding: 0; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: none; } .pxl-menu-primary .pxl-megamenu > .sub-menu.pxl-mega-menu { overflow: hidden; overflow-y: auto; height: 100vh; width: 100vw; max-width: 100vw; margin: 0 auto; } .pxl-menu-primary .pxl-megamenu .pxl-link li { padding: 0; margin-bottom: 0; } .pxl-menu-primary .pxl-megamenu .sub-menu, .pxl-menu-primary .pxl-megamenu .children { background: transparent; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .pxl-nav-menu2 { overflow: hidden; overflow-y: auto; height: 100vh; } .pxl-nav-menu2::-webkit-scrollbar { height: 0; width: 7px; background-color: transparent; } .pxl-nav-menu2::-webkit-scrollbar-track { border-radius: 0; } .pxl-nav-menu2::-webkit-scrollbar-thumb { border-radius: 0; background-color: var(--secondary-color); } .pxl-nav-menu2:hover::-webkit-scrollbar { width: 7px; height: auto; border-radius: 0; } .pxl-menu-primary2 { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; } .pxl-menu-primary2 ul { list-style: none; padding-top: 26px; } .pxl-menu-primary2 li { position: relative; color: #1b1b1b; } .pxl-menu-primary2 li.current-menu-item a, .pxl-menu-primary2 li.current_page_item a { font-size: 16px; color: #1b1b1b; position: relative; font-weight: 500; } .pxl-menu-primary2 li.current-menu-item a > i, .pxl-menu-primary2 li.current_page_item a > i { opacity: 0; } .pxl-menu-primary2 li.current-menu-ancestor .current-menu-ancestor > a > span { position: relative; } .pxl-menu-primary2 li.current-menu-ancestor .current-menu-ancestor > a > span:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; } .pxl-menu-primary2 > li > a { padding: 20px 0 0px 100px; border: 1px solid #1d1d1d; width: 100%; line-height: 87px; font-size: 17px; color: #1c1c25; font-family: 'Montserrat'; text-transform: capitalize; font-weight: 600; display: inline-block; } .pxl-menu-primary2 > li > a > i { padding-left: 10px; font-size: 10px; opacity: 0; } .pxl-menu-primary2 > li > a:hover, .pxl-menu-primary2 > li.current_page_item > a, .pxl-menu-primary2 > li.current-menu-item > a, .pxl-menu-primary2 > li.current_page_ancestor > a, .pxl-menu-primary2 > li.current-menu-ancestor > a { color: var(--primary-color); } .pxl-menu-primary2 > li:first-child .sub-menu:after, .pxl-menu-primary2 > li:first-child .children:after { width: 100px; } .pxl-menu-primary2 .sub-menu li, .pxl-menu-primary2 .children li { padding: 0 20px; white-space: nowrap; } .pxl-menu-primary2 .sub-menu li a, .pxl-menu-primary2 .children li a { text-transform: uppercase; padding: 10px 0 10px 100px; line-height: 20px !important; position: relative; font-size: 17px; font-family: 'Montserrat'; text-transform: capitalize; font-weight: 600; transition: all 0.3s; display: block; text-align: left; } .pxl-menu-primary2 .sub-menu li a i, .pxl-menu-primary2 .children li a i { font-size: 9px; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); opacity: 0; } .pxl-menu-primary2 .sub-menu li a span, .pxl-menu-primary2 .children li a span { position: relative; display: inline-block; color: #fff; } .pxl-menu-primary2 .sub-menu li > a:hover, .pxl-menu-primary2 .children li > a:hover, .pxl-menu-primary2 .sub-menu li.current_page_item > a, .pxl-menu-primary2 .children li.current_page_item > a, .pxl-menu-primary2 .sub-menu li.current-menu-item > a, .pxl-menu-primary2 .children li.current-menu-item > a, .pxl-menu-primary2 .sub-menu li.current_page_ancestor > a, .pxl-menu-primary2 .children li.current_page_ancestor > a, .pxl-menu-primary2 .sub-menu li.current-menu-ancestor > a, .pxl-menu-primary2 .children li.current-menu-ancestor > a { color: #fff; letter-spacing: 1px; } .pxl-menu-primary2 .sub-menu .sub-menu, .pxl-menu-primary2 .children .sub-menu, .pxl-menu-primary2 .sub-menu .children, .pxl-menu-primary2 .children .children { top: 0px; left: 100%; } .pxl-menu-primary2 .sub-menu .sub-menu.back, .pxl-menu-primary2 .children .sub-menu.back, .pxl-menu-primary2 .sub-menu .children.back, .pxl-menu-primary2 .children .children.back { left: auto; right: 100%; } .pxl-menu-primary2 .sub-menu .pxl-heading .pxl-item--title, .pxl-menu-primary2 .children .pxl-heading .pxl-item--title { color: inherit !important; } .pxl-menu-primary2 .pxl-megamenu { position: static; } .pxl-menu-primary2 .pxl-megamenu > a { position: relative; } .pxl-menu-primary2 .pxl-megamenu > .sub-menu { max-width: 1320px; margin-left: auto; margin-right: auto; left: 0; right: 0; padding: 0; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border: none; } .pxl-menu-primary2 .pxl-megamenu .pxl-link li { padding: 0; margin-bottom: 0; } .pxl-menu-primary2 .pxl-megamenu .sub-menu, .pxl-menu-primary2 .pxl-megamenu .children { padding-top: 50px; background-color: transparent; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #pxl-header-default .pxl-menu-primary > li.pxl-megamenu > a { position: relative; } #pxl-header-default .pxl-menu-primary > li.pxl-megamenu .sub-menu:before { display: none; opacity: 0; } #pxl-header-default .pxl-menu-primary > li.pxl-megamenu:hover > a:before { -webkit-transform: translatex(-50%) scale(1) rotate(45deg); -khtml-transform: translatex(-50%) scale(1) rotate(45deg); -moz-transform: translatex(-50%) scale(1) rotate(45deg); -ms-transform: translatex(-50%) scale(1) rotate(45deg); -o-transform: translatex(-50%) scale(1) rotate(45deg); transform: translatex(-50%) scale(1) rotate(45deg); } .pxl-nav-menu .pxl-megamenu > a { position: relative; } .pxl-nav-menu .pxl-megamenu .sub-menu:before { display: none; opacity: 0; } .pxl-nav-menu .pxl-megamenu:hover > a:before { -webkit-transform: translatex(-50%) scale(1) rotate(45deg); -khtml-transform: translatex(-50%) scale(1) rotate(45deg); -moz-transform: translatex(-50%) scale(1) rotate(45deg); -ms-transform: translatex(-50%) scale(1) rotate(45deg); -o-transform: translatex(-50%) scale(1) rotate(45deg); transform: translatex(-50%) scale(1) rotate(45deg); } .pxl-header-nav .pxl-menu-primary > li { margin: 0 0px; } .pxl-header-nav .pxl-menu-primary > li > a { padding: 0 40px 0 0; } } @media screen and (min-width: 1200px) and (max-width: 1341px) { .pxl-menu-primary > li { margin: 0 15px 0 0; } } @media screen and (min-width: 1200px) and (max-width: 1366px) { .pxl-menu-primary2 > li > a { padding: 20px 0 0px 40px; } } @media screen and (min-width: 1200px) and (max-width: 1366px) { .pxl-menu-primary2 .sub-menu li a, .pxl-menu-primary2 .children li a { padding: 20px 0 0px 40px; } } @media screen and (max-width: 1199px) { /* Search Popup */ #pxl-header-elementor .pxl-header-elementor-main, #pxl-header-elementor .pxl-header-elementor-sticky { display: none; } #pxl-header-elementor #pxl-header-mobile { display: block; -webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); -o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09); background-color: #fff; position: relative; z-index: 999; } #pxl-header-elementor { position: relative; -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08); -khtml-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08); -o-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.08); background-color: #fff; } #pxl-header-elementor .pxl-header-main { position: relative; } #pxl-header-elementor .pxl-header-branding { margin: 15px; min-height: 50px; align-items: center; display: flex; } #pxl-header-elementor .pxl-header-branding img { height: 28px; } #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-nav-mobile-button { width: 40px; height: 35px; position: relative; cursor: pointer; border: 2px solid var(--primary-color); -webkit-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .pxl-nav-mobile-button:before, .pxl-nav-mobile-button:after, .pxl-nav-mobile-button span { width: 28px; content: ''; background-color: var(--primary-color); height: 2px; position: absolute; margin: auto; left: 4px; -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-nav-mobile-button:before { top: 6px; } .pxl-nav-mobile-button:after { bottom: 6px; } .pxl-nav-mobile-button span { top: 15px; } .pxl-header-menu-backdrop { z-index: 998; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 55, 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 25px; } .pxl-header-menu-scroll .pxl-close { position: absolute; top: 10px; right: 20px; background-color: transparent; } .pxl-header-menu-scroll .pxl-close:before, .pxl-header-menu-scroll .pxl-close:after { background-color: #000; } .pxl-header-menu-scroll .pxl-close:hover { background-color: transparent; } .pxl-header-menu-scroll .pxl-close:hover:before, .pxl-header-menu-scroll .pxl-close:hover:after { background-color: #000; } .pxl-header-menu-scroll .pxl-menu-primary > li > a .left-icon { margin-right: 4px; } .pxl-header-menu-scroll .pxl-menu-primary > li .elementor-section { max-width: 100%; } .pxl-header-menu-scroll .pxl-menu-primary > li .elementor-container { margin: 10px 0 !important; } .pxl-menu-primary { list-style: none; margin: 0; padding: 0; } .pxl-menu-primary li { position: relative; } .pxl-menu-primary li a { display: block; line-height: 46px; color: #1b1b1b; font-size: 14px; font-weight: 700; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .pxl-menu-primary li > a:hover, .pxl-menu-primary li > a.current, .pxl-menu-primary li.current_page_item > a, .pxl-menu-primary li.current-menu-item > a, .pxl-menu-primary li.current_page_ancestor > a, .pxl-menu-primary li.current-menu-ancestor > a { 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 .elementor-container > .elementor-column { width: 100%; } .pxl-menu-primary .pxl-megamenu .elementor-container .elementor-widget-wrap { padding: 0 !important; } .pxl-menu-primary .pxl-megamenu .pxl-link li { margin: 0; } .pxl-menu-primary .pxl-megamenu .pxl-heading { padding-left: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-top: 12px; padding-bottom: 12px; } .pxl-menu-primary .pxl-megamenu .pxl-heading .pxl-item--title { margin-bottom: 0 !important; font-size: 15px !important; border-bottom: none !important; } .pxl-menu-primary .pxl-megamenu .elementor-widget-heading > .elementor-widget-container { margin-bottom: 0 !important; border-bottom: none !important; } .pxl-menu-primary .pxl-megamenu .elementor-section .elementor-container { flex-wrap: wrap; } .pxl-logo-mobile { margin-bottom: 20px; } .pxl-logo-mobile img { height: 28px; } .pxl-header-mobile-search { margin-bottom: 20px; } .pxl-header-mobile-search form { position: relative; } .pxl-header-mobile-search .search-field { height: 40px; border: none; padding: 0; border-bottom: 2px solid #ececec; padding: 0 15px; font-size: 18px; } .pxl-header-mobile-search .search-submit { 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; line-height: 36px; padding: 0; width: 30px; height: 40px; line-height: 40px; background: none; color: var(--primary-color); } .pxl-header-mobile-search .search-submit:hover, .pxl-header-mobile-search .search-submit:focus { color: var(--primary-color); } .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-search-popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; 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); } #pxl-search-popup .pxl-item--logo { position: absolute; top: 0; left: 100px; z-index: 1; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; opacity: 0; visibility: hidden; } #pxl-search-popup .pxl-item--logo img { max-height: 41px; } #pxl-search-popup .pxl-item--close { position: absolute; top: 0; right: 60px; width: 50px; height: 50px; background-color: transparent; border-width: 11px; z-index: 99; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; opacity: 0; visibility: hidden; -webkit-border-radius: 45px; -khtml-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; border-radius: 45px; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } #pxl-search-popup .pxl-item--conent { position: absolute; top: -500px; left: 0; width: 100%; height: 100%; max-height: 500px; will-change: top, box-shadow; background-color: #000; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 000000.1); -khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 000000.1); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 000000.1); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 000000.1); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 000000.1); box-shadow: 0 1px 6px rgba(0, 0, 0, 000000.1); -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; } #pxl-search-popup .pxl-item--conent form { position: relative; max-width: 1290px; margin: 0 auto; width: 100%; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; opacity: 0; visibility: hidden; } @media screen and (max-width: 1400px) { #pxl-search-popup .pxl-item--conent form { max-width: 1000px; } } #pxl-search-popup .pxl-item--conent form .search-field { height: 95px; padding: 0 40px 0 0; font-size: 32px; font-weight: 400; border: none; color: #fdfdfd; background-color: transparent; } #pxl-search-popup .pxl-item--conent form .search-field:focus { background: none; } #pxl-search-popup .pxl-item--conent form .search-submit { position: absolute; top: 50%; right: 0; text-align: right; border: none; background: none; font-size: 25px; line-height: 92px; color: #fdfdfd; opacity: 0.9; padding: 0; z-index: 99; cursor: pointer; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } #pxl-search-popup .pxl--search-divider { position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #fdfdfd; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; visibility: hidden; -webkit-transform: scale3d(0, 1, 1); -khtml-transform: scale3d(0, 1, 1); -moz-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: left center; -khtml-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #pxl-search-popup .pxl-item--overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 55, 0.6); z-index: -1; -webkit-transition: 0.5s; -khtml-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #pxl-search-popup.open { opacity: 1; visibility: visible; } #pxl-search-popup.open .pxl-item--logo, #pxl-search-popup.open .pxl-item--close { top: 60px; -webkit-animation-name: pxl_fadeIn; animation-name: pxl_fadeIn; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; visibility: visible; } #pxl-search-popup.open .pxl-item--conent { top: 0; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); -khtml-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05); -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out; } #pxl-search-popup.open .pxl-item--conent form { -webkit-animation-name: pxl_fadeIn; animation-name: pxl_fadeIn; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; visibility: visible; } #pxl-search-popup.open .pxl--search-divider { -webkit-animation-name: pxl_fade_in_move; animation-name: pxl_fade_in_move; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: visible; } .pxl-item--archive { margin-bottom: 60px; } .pxl-item--archive:hover .pxl-item--image > a:before { animation: shine 0.75s; } .pxl-item--archive .pxl-item--image { position: relative; display: flex; margin-bottom: 0; border-radius: 25px 25px 0 0; overflow: hidden; } .pxl-item--archive .pxl-item--image > a { display: inline-block; position: relative; overflow: hidden; width: 100%; } .pxl-item--archive .pxl-item--image > a img { width: 100%; max-height: 930px; object-fit: cover; } .pxl-item--archive .pxl-item--image > a:before { content: ''; position: absolute; background-image: linear-gradient(to right, rgba(255, 255, 255, .0), rgba(255, 255, 255, .6)); transition: all 300ms linear 0ms; top: 0; left: -75%; z-index: 2; display: block; width: 50%; height: 100%; transform: skewx(-25deg); } .pxl-item--archive .pxl-item--title { font-size: 32px; font-weight: 700; line-height: 42px; margin-bottom: 17px; } .pxl-item--archive .pxl-item--title a { color: var(--four-color); word-break: break-word; background-repeat: no-repeat; background-position-y: -1px; background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color) 1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-item--archive .pxl-item--title a:hover { animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; } .pxl-item--archive .pxl-item--meta { display: flex; flex-wrap: wrap; margin-bottom: -27px; } .pxl-item--archive .pxl-item--meta li { font-size: 0; } .pxl-item--archive .pxl-item--meta li > a { display: inline-flex; align-items: center; background-color: var(--primary-color); border-radius: 19px; color: #fff; padding: 13px 20px; margin-right: 5px; margin: 0 19px 20px 0; } .pxl-item--archive .pxl-item--meta li:first-child { padding-right: 20px; margin-right: 20px; } .pxl-item--archive .pxl-item--meta li + li { position: relative; } .pxl-item--archive .pxl-item--meta a { color: #fff; font-weight: 500; font-size: 15px; line-height: 19px; } .pxl-item--archive .pxl-item--holder { padding: 40px 60px 55px 40px; background: #fdfdfd; box-shadow: 0px 4px 20px rgba(89, 100, 255, 0.08); border-radius: 0 0 25px 25px; } .single-post #pxl-main .pxl-sidebar-right .pxl-sidebar-area .pxl-sidebar-sticky { margin: 0 0 0 30px; } .single-post .pxl-item-single-post .pxl-link li { position: relative; margin-left: 22px; } @media (max-width: 991px) { .single-post .pxl-item-single-post .pxl-link li { margin-left: 0; } } .single-post .pxl-item-single-post .pxl-item--meta { font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; text-transform: uppercase; color: var(--secondary-color); margin-bottom: 31px; } @media (max-width: 991px) { .single-post .pxl-item-single-post .pxl-item--meta { margin-bottom: 0; } } .single-post .pxl-item-single-post > .pxl-item--title { font-style: normal; font-weight: 700; font-size: 60px; max-width: 1467px; line-height: 70px; color: var(--four-color); } @media (max-width: 1200px) { .single-post .pxl-item-single-post > .pxl-item--title { font-size: 35px; line-height: 52px; } } @media (max-width: 1200px) and (max-width: 767px) { .single-post .pxl-item-single-post > .pxl-item--title { font-size: 30px; line-height: 1.2; } } .single-post .pxl-item--image { margin-bottom: 64px; width: 100%; } .single-post .pxl-item--image img { overflow: hidden; object-fit: cover; border-radius: 20px; } @media screen and (max-width: 991px) { .single-post .pxl-item--image { margin-bottom: 30px; } } .single-post .pxl-item--post .pxl-item--holder { margin-bottom: 45px; } @media (max-width: 991px) { .single-post .pxl-item--post .pxl-item--holder { padding-bottom: 30px; } } .single-post .pxl-item--content { margin-bottom: 0; } .single-post .pxl-item--content p { margin-bottom: 25px; } @media (max-width: 991px) { .single-post .pxl-item--content p { font-size: 18px; } } .single-post .pxl-item--content p:last-child { margin-bottom: 0; } .single-post .pxl-item--meta { font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; text-transform: uppercase; color: var(--secondary-color); margin-bottom: 18px; } @media screen and (max-width: 767px) { .single-post .pxl-item--meta { margin-bottom: 30px; } } .single-post .pxl-item--meta li { display: inline-flex; align-items: center; position: relative; padding-right: 33px; margin-right: 10px; color: var(--secondary-color); } @media (max-width: 991px) { .single-post .pxl-item--meta li { font-size: 28px; line-height: 1.2; margin-bottom: 21px; } } @media (max-width: 767px) { .single-post .pxl-item--meta li { font-size: 24px; line-height: 1.2; } } .single-post .pxl-item--meta a { color: var(--third-color); } .single-post .pxl-item--meta a:hover { text-decoration: underline; color: var(--primary-color); } .single-post .pxl-item-single-post .pxl-item--holder { margin-bottom: 45px; } @media (max-width: 991px) { .single-post .pxl-item-single-post .pxl-item--holder { margin-bottom: 30px; } } 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="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="color"], textarea, select, .pxl-select-higthlight { background-color: #f1f2f6; border: none; color: var(--four-color); padding: 30px 22px 37px 60px; line-height: 53px; font-size: 30px; font-weight: 400; -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-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: 20px; -khtml-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; width: 100%; outline: none; font-family: 'Montserrat'; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]: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="color"]:focus, textarea:focus, select:focus, .pxl-select-higthlight:focus { outline: 0; } @media (max-width: 991px) { input[type="text"], input[type="email"], input[type="url"], 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="color"], textarea, select, .pxl-select-higthlight { font-size: 24px; line-height: 40px; padding: 30px 22px 30px 30px; } } input[type="range"] { padding: 0; background-color: transparent; height: auto; border: none; } select { height: 50px; } textarea { padding-top: 18px; padding-bottom: 18px; height: 283px; margin: 36.4px 0 0; } #commentform { display: flex; flex-direction: column; } #commentform .row { display: flex; order: 2; } #commentform .form-submit { display: flex; order: 6; padding: 0; box-shadow: none; background: transparent; border-radius: 0; } #commentform .form-submit .submit { border-radius: 20px; } .comments-area .comment-list-wrap { margin-top: 75px; } @media (max-width: 991px) { .comments-area .comment-list-wrap { margin-top: 55px; } } @media (max-width: 767px) { .comments-area .comment-list-wrap { margin-top: 35px; } } .comments-area .comment-list-wrap .comments-title { margin-bottom: 112px; } @media (max-width: 991px) { .comments-area .comment-list-wrap .comments-title { margin-bottom: 42px; font-size: 34px; } } .comments-area input:focus, .comments-area textarea:focus { border-color: var(--primary-color); } .comment-reply-title small { display: inline-block; vertical-align: top; margin-top: -9px; margin-left: 10px; } .comment-reply-title small a { line-height: 36px; display: inline-block; padding: 0 16px; font-size: 14px; font-weight: 500; background-color: var(--primary-color); color: #fff; } .comment-form-cookies-consent { display: flex; order: 5; font-size: 24px; line-height: 34px; padding-left: 35px; position: relative; margin-top: 15px; margin-bottom: 28px; color: var(--third-color); } @media (max-width: 991px) { .comment-form-cookies-consent { font-size: 20px; line-height: 27px; } } .comment-form-cookies-consent input, .comment-form-cookies-consent label:before, .comment-form-cookies-consent label:after { position: absolute; width: 20px; height: 20px; left: 0; top: 3px; cursor: pointer; border-radius: 50%; background-color: transparent; border: 1px solid #c0c6c6; } .comment-form-cookies-consent label { cursor: pointer; } .comment-form-cookies-consent label:before { content: ''; z-index: 1; background-color: #e9e9e9; } .comment-form-cookies-consent label:after { content: '\f119'; font-family: "Caseicon"; font-weight: 400; z-index: 2; font-size: 10px; color: #000; opacity: 0; line-height: 12px; text-align: center; top: 3px; } .comment-form-cookies-consent input { z-index: 99; opacity: 0; } .comment-form-cookies-consent input:checked + label:after { opacity: 1; } #commentform { padding: 0; /* Select Style */ } .pxl-select { width: 100%; position: relative; } .pxl-select .pxl-select-higthlight { display: flex; align-items: center; cursor: pointer; position: relative; } .pxl-select .pxl-select-higthlight:before { content: "\f150"; font-family: Caseicon; width: 28px; height: 28px; border-radius: 28px; color: #737879; line-height: 28px; text-align: center; font-size: 10px; font-family: Caseicon; position: absolute; top: 50%; right: 10px; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 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:before { transform: translate(0, -50%) scaleY(-1); } .pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap { height: 100%; } .pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap:before { -webkit-transform: translatey(100%); -khtml-transform: translatey(100%); -moz-transform: translatey(100%); -ms-transform: translatey(100%); -o-transform: translatey(100%); transform: translatey(100%); } .pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap .num { bottom: calc(100% - 58px); color: #fff; } .pxl-sliders-thumbs .swiper-slide-thumb-active .thumbs-wrap .title { color: #fff; } .pxl-sliders-wrap { position: relative; } .pxl-slider-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-slider-item-1.swiper-slide-active { opacity: 1 !important; } .pxl-slider-arrow-wrap { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; z-index: 2; } .pxl-slider-arrow-wrap.separate { justify-content: space-between; } .pxl-slider-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-slider-arrow .swiper-button-disabled .arrow-text:after { display: none; } .pxl-slider-arrow .pxl-icon.swiper-button-disabled { cursor: not-allowed; } .pxl-slider-dots.style-bullets .pxl-slider-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; visibility: visible; } .pxl-slider-dots.style-squared .pxl-slider-pagination-bullet.swiper-pagination-bullet-active { background-color: ; } .pxl-slider-dots.style-fraction .swiper-pagination-current { font-size: 24px; } .buttons { display: flex; z-index: 1; width: 54px; height: 42px; justify-content: center; } .buttons button { background: white; color: black; border: none; position: relative; padding: 2px 8px 2px; min-width: 50px; transition: 0.5s; opacity: 0.5; top: -4px; left: -15px; } .swiper-hero-progress { position: absolute; height: 4px; background-color: rgba(255, 255, 255, .2); animation-name: progress; animation-duration: 5.2s; animation-timing-function: linear; animation-iteration-count: 1; } .swiper-slide { z-index: -1; } .swiper-slide.swiper-slide-active { z-index: 1; } .pxl-hidden-template { display: flex; flex-direction: column; position: fixed; top: 0; height: 100vh; width: 100%; z-index: -1; padding: 0; background: #fff; right: 0; will-change: transform; transition: all 0.3s; opacity: 0; visibility: hidden; max-height: 100vh; scrollbar-width: none; } .pxl-hidden-template .pxl-hidden-template-wrap { transition: all 0.3s; } .pxl-hidden-template.open .pxl-hidden-template-wrap { opacity: 1; visibility: visible; } .pxl-hidden-template .pxl-panel-content { position: relative; flex: 1; } .pxl-close { border-radius: 50%; z-index: 1; background-color: #232323; color: #fff; width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50px; right: 50px; cursor: pointer; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 767px) { .pxl-close { width: 30px; height: 30px; border-width: 8px; } } .pxl-close:before, .pxl-close:after { content: ''; position: absolute; background-color: #fff; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; transform-origin: 50% 50%; opacity: 1; -webkit-transition: transform ease 0.25s; -khtml-transition: transform ease 0.25s; -moz-transition: transform ease 0.25s; -ms-transition: transform ease 0.25s; -o-transition: transform ease 0.25s; transition: transform ease 0.25s; } .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 { background-color: var(--primary-color); } .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-panel-content .menu-main-container-wrap { padding: 0; min-height: calc(100% - 50px); flex-direction: column; } .pxl-hidden-template.open { -webkit-transform: translate(0, 0); -khtml-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; z-index: 99999; } .nice-select { position: relative; display: block; font-family: inherit; font-size: 16px; font-weight: 700; min-width: 284px; line-height: 26px; width: 100%; height: auto; min-width: 100%; padding: 11px 13px; background-color: transparent; float: left; text-align: left; outline: none; clear: both; cursor: pointer; white-space: nowrap; box-sizing: border-box; -webkit-tap-highlight-color: transparent; border-radius: 10px; border: 1px solid #000; } .nice-select .current { color: #00234b; text-transform: capitalize; } .nice-select:active, .nice-select.open.nice-select, .nice-select:focus { border-color: var(--secondary-color); } .nice-select:after { content: "\f13c"; font-family: 'Caseicon'; position: absolute; top: 50%; right: 14px; color: var(--secondary-color); font-size: 12px; font-weight: 500; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .nice-select.open:after { -webkit-transform: rotateX(180deg) translateY(-50%); -khtml-transform: rotateX(180deg) translateY(-50%); -moz-transform: rotateX(180deg) translateY(-50%); -ms-transform: rotateX(180deg) translateY(-50%); -o-transform: rotateX(180deg) translateY(-50%); transform: rotateX(180deg) translateY(-50%); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -khtml-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); -o-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select .list { position: absolute; width: calc(100% + 4px); top: 100%; left: -2px; background-color: #fff; margin-top: 4px; opacity: 0; padding: 0; pointer-events: none; transform-origin: 50% 0; overflow: hidden; box-sizing: border-box; -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-transform: scale(0.75) translateY(-21px); -khtml-transform: scale(0.75) translateY(-21px); -moz-transform: scale(0.75) translateY(-21px); -ms-transform: scale(0.75) translateY(-21px); -o-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -khtml-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -moz-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -ms-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } body.rtl { direction: rtl; unicode-bidi: embed; text-align: right; } @media screen and (min-width: 1200px) { body.rtl .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down { margin-left: 0; margin-right: 8px; } body.rtl .pxl-wapper .pxl-nav-menu ul.pxl-menu-primary { text-align: left !important; } body.rtl .pxl-menu-primary .sub-menu, body.rtl .pxl-menu-primary .children { text-align: right; } body.rtl .pxl-menu-primary li a span:before { left: auto; right: 0; } body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu), body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) { left: auto; right: 0; text-align: right; } body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .sub-menu, body.rtl .pxl-menu-primary > li > .sub-menu:not(.pxl-mega-menu) li > .children, body.rtl .pxl-menu-primary > li > .children:not(.pxl-mega-menu) li > .children { left: auto; right: 100%; text-align: right; } body.rtl .pxl-menu-primary .sub-menu li.menu-item-has-children > a::after { content: "\f136"; right: auto; left: 0; } } @media screen and (max-width: 1199px) { 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-close, body.rtl .pxl-header-mobile-search .search-submit { right: auto; left: 0; } body.rtl .pxl-menu-primary .sub-menu li a, body.rtl .pxl-menu-primary .children li a { padding-left: 0; padding-right: 14px; } body.rtl .pxl-menu-primary .pxl-megamenu .pxl-heading { padding-left: 0; padding-right: 14px; } } body.rtl #pxl-search-popup .pxl-item--conent form .search-submit { right: auto; left: 0; text-align: left; } body.rtl .pxl-menu-primary2 > li > a { padding: 20px 100px 0 0; } body.rtl .pxl-close { right: auto; left: 50px; } body.rtl .pxl-menu-primary2 .sub-menu li a, body.rtl .pxl-menu-primary2 .children li a { text-align: right; padding: 10px 100px 10px 0; } body.rtl .pxl-search-box.layout1 .search-submit { right: auto; left: 0; } body.rtl .pxl-search-popup-button { margin-left: 41px; } body.rtl .el--title { text-align: right; } body.rtl .pxl-contact-form1 .wpcf7-form .btn-form p { display: flex; flex-direction: row-reverse; align-items: center; } body.rtl .pxl-icon-box1.style-1 .pxl-item--icon { margin-right: 0; margin-left: 43px; } body.rtl .pxl-progressbar.layout-4 .progress-box { margin-left: 0; margin-right: 48px; } body.rtl .ci-content-wrap .ci-icon i { margin-right: 0; margin-left: 15px; } body.rtl .btn .button-arrow-hover { margin-left: 0; margin-right: 18px; } body.rtl .pxl-item--post .pxl-item--meta li { margin-right: 0; margin-left: 20px; } body.rtl .pxl-item--post .pxl-item--meta li i { margin-right: 0; margin-left: 8px; } body.rtl .pxl-item--post .pxl-item--meta::before { right: 0; left: auto; } body.rtl .comment-form-cookies-consent { padding-left: 0; padding-right: 24px; } body.rtl .comment-form-cookies-consent input, body.rtl .comment-form-cookies-consent label::before, body.rtl .comment-form-cookies-consent label::after { left: auto; right: 0; } body.rtl .comment-reply-title small { margin-left: 0; margin-right: 10px; } body.rtl .comment-reply-title::before, body.rtl .comments-title::before { left: auto; right: 0; } body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow { right: auto; left: 0; } body.rtl .pxl-testimonial-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: 74px; } body.rtl .pxl-link li i { margin-right: 0; margin-left: 8px; } body.rtl .pxl-mailchimp.style-default [type="submit"] { right: auto; left: 0; } body.rtl .pxl-process1 .pxl-item--image { right: auto; left: 0; } body.rtl .pxl-testimonial-carousel2 .pxl-item--image { margin-right: 0; margin-left: 24px; } body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next { right: auto; left: 0; } body.rtl .pxl-partner-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: auto; right: 0; } body.rtl .pxl-partner-carousel1 .pxl-item--inner::before { right: auto; left: -15px; } body.rtl .pxl-icon-box2.style2 .pxl-item--icon { margin-right: 0px; margin-left: 20px; } body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap { right: auto; left: 20px; } body.rtl .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev { margin-right: 0; margin-left: 16px; } body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current { margin-right: 0; margin-left: 50px; } body.rtl .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current::before { left: auto; right: 32px; } body.rtl #pxl-page-title-default .pxl-breadcrumb li:before { content: "\f13a"; margin: 0 14px; color: inherit; font-family: Caseicon; font-size: 11px; } body.rtl #pxl-page-title-default .pxl-breadcrumb li:after { display: none; } body.rtl .pxl-scroll-top { right: auto; left: 20px; } body.rtl input[type="text"], body.rtl input[type="email"], body.rtl input[type="url"], 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="color"], body.rtl textarea, body.rtl select, body.rtl .nice-select { text-align: right; } button:not(.rm-style-default), .button, input[type="submit"] { font-size: 15px; font-weight: 500; color: var(--primary-color); padding: 0; line-height: 26px; -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; -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); position: relative; display: inline-block; cursor: pointer; border: none; background-color: transparent; background-size: 100%, 1px; background-position: 0%; height: auto; } button:not(.rm-style-default):hover, .button:hover, input[type="submit"]:hover, button:not(.rm-style-default):focus, .button:focus, input[type="submit"]:focus, button:not(.rm-style-default):active, button.nice-select.open:not(.rm-style-default), .button:active, .nice-select.open.button, input[type="submit"]:active, input.nice-select.open[type="submit"], button:not(.rm-style-default):not([disabled]):not(.disabled).active, .button:not([disabled]):not(.disabled).active, input[type="submit"]:not([disabled]):not(.disabled).active, button:not(.rm-style-default):not([disabled]):not(.disabled):active, button.nice-select.open:not(.rm-style-default):not([disabled]):not(.disabled), .button:not([disabled]):not(.disabled):active, .nice-select.open.button:not([disabled]):not(.disabled), input[type="submit"]:not([disabled]):not(.disabled):active, input.nice-select.open[type="submit"]:not([disabled]):not(.disabled) { outline: medium none; text-decoration: none; background-position: 100%; } .pxl-button { display: inline-flex; } .btn { display: inline-flex; align-items: center; font-size: 16px; font-weight: 600; color: #fff; padding: 11px 40px 12px 36px; line-height: 34px; letter-spacing: 0.005em; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; transition: 0.5s; position: relative; cursor: pointer; box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.1); 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)'); height: auto; overflow: hidden; } .btn.pxl-wobble { display: inline-block; } .btn.btn-default:after { content: ""; background: #fff; position: absolute; height: 120%; width: 15px; opacity: 0.2; left: -45%; top: -10%; -webkit-transition: all 0.8s; -khtml-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; -webkit-transform: rotate(15deg); -khtml-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } .btn i { line-height: normal; } .btn i.flaticon { line-height: 1; } .btn.pxl-icon--left .button-arrow-hover { margin-left: 0; margin-right: 12px; } .btn .button-arrow-hover { position: relative; overflow: hidden; font-size: 0; margin-left: 18px; line-height: 0; } .btn .button-arrow-hover.style2 { padding: 14px; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; } .btn .button-arrow-hover.style2:after { content: ''; position: absolute; 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)'); width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; } .btn .button-arrow-hover.style2 i { font-size: 17px; margin: 0 !important; } .btn .button-arrow-hover.style2 svg, .btn .button-arrow-hover.style2 i { position: relative; z-index: 1; } .btn .button-arrow-hover.style2 svg path, .btn .button-arrow-hover.style2 i path { fill: #fdfdfd; } .btn .button-arrow-hover.style2 svg:first-child, .btn .button-arrow-hover.style2 i:first-child { transform: translateX(0) translateY(0) translateZ(0); } .btn .button-arrow-hover.style2 svg:last-child, .btn .button-arrow-hover.style2 i:last-child { transform: translateX(-70%) translateY(300%) translateZ(0); } .btn .button-arrow-hover svg, .btn .button-arrow-hover i { display: inline-block; transition: transform 0.3s ease-out; } .btn .button-arrow-hover svg:first-child, .btn .button-arrow-hover i:first-child { transform: translateX(0) translateY(0) translateZ(0); } .btn .button-arrow-hover svg:last-child, .btn .button-arrow-hover i:last-child { position: absolute; top: 0; left: 0; transform: translateX(-200%) translateY(200%) translateZ(0); } .btn.pxl-icon--right { flex-direction: row-reverse; } .btn:hover svg:first-child, .btn:hover i:first-child { transform: translateX(200%) translateY(-200%) translateZ(0); } .btn:hover svg:last-child, .btn:hover i:last-child { transform: translateX(0) translateY(0) translateZ(0); } .btn:hover:after { left: 130%; } .btn:hover, .btn:focus, .btn:active, .nice-select.open.btn { outline: medium none; text-decoration: none; color: #fff; } .pxl-mailchimp .mc4wp-form { position: relative; width: 100%; } .pxl-mailchimp .mc4wp-response { position: absolute; top: 100%; left: 0; z-index: 999; } .pxl-mailchimp [type="submit"] { white-space: nowrap; position: unset; } .pxl-mailchimp [type="submit"]:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; } .pxl-mailchimp.style-default .mc4wp-form-fields { position: relative; } .pxl-mailchimp.style-default [type="email"] { height: 86px; border: 1px solid #fff; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background-color: transparent; font-size: 16px; color: #fdfdfd; width: 100%; padding: 0 22px; } @media (max-width: 1024px) { .pxl-mailchimp.style-default [type="email"] { height: 66px; } } .pxl-mailchimp.style-default .btn-form { position: absolute; top: 50%; padding: 15px 40px 17px 36px; transform: translateY(-50%); right: 10px; } @media (max-width: 1366px) { .pxl-mailchimp.style-default .btn-form { padding: 10px 20px 12px 16px; } } @media (max-width: 865px) { .pxl-mailchimp.style-default .btn-form { position: relative; top: 20px; right: 0; transform: none; } } .pxl-mailchimp.style-default [type="submit"] { font-size: 16px; font-weight: 600; color: #fff; line-height: 34px; letter-spacing: 0.005em; } @media screen and (max-width: 1199px) { .pxl-mailchimp.style-default [type="submit"] { padding: 0 22px; } } .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a i:before { transition: 0.3s linear; } .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a:hover i:before { transform: rotateZ(180deg); } .pxl-nav-menu .pxl-menu-primary > li.menu-item-has-children > a .caseicon-angle-arrow-down { display: inline-flex; line-height: 1; margin-left: 5px; -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: 1; } .pxl-nav-menu .sub-menu li.menu-item-has-children > a:after { content: "\f14d"; 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%); font-size: 10px; font-family: "Caseicon"; font-weight: 400; } .swiper-filter-active .pxl-swiper-slide { -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -khtml-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .swiper-filter-active .non-swiper-slide { display: none; } .swiper-filter-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .swiper-filter-wrap .filter-item { display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: 700; margin: 10px 24px; cursor: pointer; position: relative; z-index: 1; } .swiper-filter-wrap .filter-item:before { content: ''; width: 11px; height: 41px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; background-color: #f4f4f4; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scaley(0); -khtml-transform: translate(-50%, -50%) scaley(0); -moz-transform: translate(-50%, -50%) scaley(0); -ms-transform: translate(-50%, -50%) scaley(0); -o-transform: translate(-50%, -50%) scaley(0); transform: translate(-50%, -50%) scaley(0); opacity: 0; -webkit-transition: all 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); z-index: -1; } .swiper-filter-wrap .filter-item span { color: #010927; -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); } .swiper-filter-wrap .filter-item.active { color: var(--primary-color); } .swiper-filter-wrap .filter-item.active:before { opacity: 1; -webkit-transform: translate(-50%, -50%) scaley(1); -khtml-transform: translate(-50%, -50%) scaley(1); -moz-transform: translate(-50%, -50%) scaley(1); -ms-transform: translate(-50%, -50%) scaley(1); -o-transform: translate(-50%, -50%) scaley(1); transform: translate(-50%, -50%) scaley(1); } .pxl-swiper-arrow-style1 .pxl-swiper-arrow { left: 50%; -webkit-transform: translatex(-50%); -khtml-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); right: auto; bottom: 0; top: auto; opacity: 1; visibility: visible; width: 40px; height: 40px; background-color: transparent; border: 2px solid #4b5345; line-height: 36px; color: #4b5345; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before { content: "\f142"; font-family: Caseicon; font-size: 16px; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover { border-color: var(--primary-color); background-color: var(--primary-color); } .pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { margin-left: -80px; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i { -webkit-transform: scalex(-1); -khtml-transform: scalex(-1); -moz-transform: scalex(-1); -ms-transform: scalex(-1); -o-transform: scalex(-1); transform: scalex(-1); } .pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next { margin-left: 80px; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow + .pxl-swiper-dots { position: absolute; bottom: 120px; left: 0; right: 0; margin: 0; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction { bottom: 10px; font-size: 0px; line-height: 20px; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span { font-weight: 500; color: #fff; font-size: 16px; display: inline-block; min-width: 20px; text-align: center; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current { position: relative; margin-right: 50px; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before { content: ''; position: absolute; top: 50%; left: 32px; width: 27px; height: 1px; background-color: #fff; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow { opacity: 1; visibility: visible; height: 55px; width: 55px; line-height: 55px; font-size: 20px; background: transparent; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; position: static; -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-swiper-arrow-style2 .pxl-swiper-arrow i { display: inline-flex; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow svg { height: 55px; width: 55px; position: absolute; top: 0; left: 0; z-index: -1; -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-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main { fill: #ececec; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover { opacity: 0; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev { -webkit-transform: scalex(-1); -khtml-transform: scalex(-1); -moz-transform: scalex(-1); -ms-transform: scalex(-1); -o-transform: scalex(-1); transform: scalex(-1); margin-right: 16px; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main { opacity: 0; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover { opacity: 1; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap { display: flex; flex-wrap: nowrap; align-items: center; } .pxl-swiper-arrow-style3 .pxl-swiper-arrow { font-size: 36px; color: #c5d3d8; background-color: transparent; box-shadow: none; } .pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i { -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; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets { margin-top: 35px; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span { margin: 0 4px; width: 11px; height: 11px; 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-swiper-dots.style2.pxl-swiper-pagination-bullets span:before { content: ''; width: 13px; height: 13px; border: 1px solid var(--primary-color); top: -1px; left: -1px; position: absolute; -webkit-border-radius: 13px; -khtml-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; -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; -webkit-transform: scale(1.4); -khtml-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after { -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); content: ''; width: 5px; height: 5px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; position: absolute; top: 3px; left: 3px; 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'); opacity: 0; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active { background: transparent; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after { opacity: 1; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-swiper-sliders .pxl-item--image img { width: 100%; } .pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a { color: inherit; } .pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover { color: inherit; } .pxl-blog-grid-layout1 .pxl-swiper-arrow, .pxl-post-carousel1 .pxl-swiper-arrow { position: absolute; top: 50%; height: 100%; background-color: initial; cursor: none; } .pxl-blog-grid-layout1 .pxl-swiper-arrow.cursor-arrow-prev, .pxl-post-carousel1 .pxl-swiper-arrow.cursor-arrow-prev { left: calc((100vw - 1170px)/-2) !important; width: calc((100vw - 1170px)/2) !important; right: auto; } .pxl-blog-grid-layout1 .pxl-swiper-arrow.cursor-arrow-next, .pxl-post-carousel1 .pxl-swiper-arrow.cursor-arrow-next { width: calc((100vw - 1170px)/2) !important; right: calc((100vw - 1170px)/-2) !important; left: auto; } .pxl-blog-grid-layout1 .pxl-swiper-arrow.swiper-button-disabled, .pxl-post-carousel1 .pxl-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-blog-grid-layout1 .pxl-swiper-slide, .pxl-post-carousel1 .pxl-swiper-slide { padding: 0 18px; } .pxl-post-carousel1 .item--featured { overflow: hidden; position: relative; border-radius: 25px 25px 0 0; } .pxl-post-carousel1 .item--featured:after { background: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; pointer-events: none; transition: all 400ms linear; } .pxl-post-carousel1 .item--featured img { transition: all 400ms linear; width: 100%; } .pxl-post-carousel1 .item--title { font-style: normal; font-weight: 700; font-size: 32px; margin-bottom: 0; color: var(--four-color); line-height: 42px; } @media (max-width: 1200px) { .pxl-post-carousel1 .item--title { font-size: 28px; line-height: 1.2; } } @media (max-width: 1200px) and (max-width: 1024px) { .pxl-post-carousel1 .item--title { font-size: 24px; } } .pxl-post-carousel1 .item--title a { background-repeat: no-repeat; background-position-y: -1px; background-image: linear-gradient(transparent calc(100% - 1px), var(--primary-color) 1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline forwards; } .pxl-post-carousel1 .item--title a:hover { animation: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) pxl-wide-menu-underline-hover forwards; color: var(--four-color); } .pxl-post-carousel1 .item--author { font-weight: 700; font-size: 20px; line-height: 30px; margin-bottom: 9px; } .pxl-post-carousel1 .item--meta { font-size: 14px; width: 100%; list-style: none; margin-bottom: 0; font-weight: 500; } .pxl-post-carousel1 .item--meta a { color: var(--primary-color); } .pxl-post-carousel1 .item--meta a:hover { color: var(--primary-color); text-decoration: underline; } .pxl-post-carousel1 .item--meta li { display: inline-block; } .pxl-post-carousel1 .item--meta li + li { margin-left: 15px; padding-left: 15px; position: relative; } .pxl-post-carousel1 .item--holder { padding: 32px 62px 47px 40px; background: #fdfdfd; box-shadow: 0px 4px 20px rgba(89, 100, 255, 0.08); border-radius: 0 0 25px 25px; } @media (max-width: 1280px) { .pxl-post-carousel1 .item--holder { padding: 32px; } } @media (max-width: 1280px) and (max-width: 767px) { .pxl-post-carousel1 .item--holder { padding: 32px 15px; } } .pxl-post-carousel1 .pxl-item--inner:hover .item--featured img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .pxl-post-carousel1 .pxl-item--inner:hover .item--featured:after { left: 0; right: 0; opacity: 0; transition: all 400ms linear; } .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots { margin-top: 30px; } @media screen and (min-width: 992px) { .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots { margin-top: 0; margin-bottom: 0; position: absolute; bottom: 60px; left: 50%; -webkit-transform: translate(-50%); -khtml-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); } } .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet { width: 15px; height: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } @media screen and (min-width: 992px) { .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.6); transform: scale(1); } .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet:hover { background-color: #fff; } } .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; } @media screen and (min-width: 992px) { .pxl-post-carousel3 .pxl-carousel-inner .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } } .overflow-hidden { overflow: hidden !important; } .cursor-map-target:hover .pxl-map-wrap { opacity: 1; } .ci-content-wrap .ci-icon { display: flex; justify-content: center; align-items: center; line-height: 26px; } .ci-content-wrap .ci-icon i { font-size: 12px; line-height: 26px; color: #fdfdfd; opacity: 0.5; margin-right: 15px; } .ci-content-wrap .ci-content { display: flex; align-items: center; } .ci-content-wrap .ci-content.style2 { display: flex; align-items: center; padding: 57px 0 63px; flex-direction: column; justify-content: center; background: #fff; border: 1.17607px solid #e1e9f4; box-shadow: 0px 11.7607px 70.5641px rgba(137, 151, 186, 0.15); border-radius: 11.7607px; } .ci-content-wrap .ci-content.style2 .ci-content-right { text-align: center; } .ci-content-wrap .ci-content.style2 .ci-content-right .ci-title { font-weight: 700; font-size: 28px; line-height: 35px; margin-bottom: 19px; } .ci-content-wrap .ci-content.style2 .ci-content-right .ci-desc { font-weight: 400; font-size: 24px; line-height: 40px; } .ci-content-wrap .ci-content.style2 .ci-icon { margin-bottom: 20px; position: relative; width: 109px; height: 107px; background-color: transparent; } .ci-content-wrap .ci-content.style2 .ci-icon svg { position: relative; z-index: 1; } .ci-content-wrap .ci-content.style2 .ci-icon svg path { fill: #fff; } .ci-content-wrap .ci-content.style2 .ci-icon:after { content: ''; position: absolute; mask-image: url(../img/bg-contact.svg); -webkit-mask-image: url(../img/bg-contact.svg); -ms-mask-image: url(../img/bg-contact.svg); -o-mask-image: url(../img/bg-contact.svg); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; -webkit-mask-position: center top; -ms-mask-position: center top; -o-mask-position: center top; mask-position: center top; background: linear-gradient(90deg, #00fff0 0%, #00d3c7 100%); box-shadow: 0px 4px 30px rgba(0, 255, 255, 0.6); width: 100%; height: 100%; } .ci-content-wrap .ci-content .ci-icon a i { color: #fdfdfd; } .ci-content-wrap .ci-content .ci-icon a i:before { font-weight: 300; } .ci-content-wrap .ci-content .ci-title { font-style: normal; font-weight: 400; font-size: 22px; line-height: 30px; color: #fdfdfd; margin-bottom: 8px; } .ci-content-wrap .ci-content .ci-desc { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 26px; color: #fdfdfd; } .pxl-map-wrap { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: opacity 0.3s, visibility 0.3s; -khtml-transition: opacity 0.3s, visibility 0.3s; -moz-transition: opacity 0.3s, visibility 0.3s; -ms-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; } .pxl-map-wrap .pxl-map-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: scale(0.5); -khtml-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pxl-map-wrap .pxl-map-content iframe { width: 100%; height: 100%; } .pxl-map-wrap.active { opacity: 1; visibility: visible; z-index: 999999; } .pxl-map-wrap.active .pxl-map-content { opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .single-case .pxl-content-top.no-sidebar { width: 100%; } .single-case .pxl-content-top.no-sidebar .pxl-single--image { width: 100%; } .single-case .pxl-content-top.no-sidebar .pxl-single--image img { width: 100%; } .single-case .pxl-single--title { font-size: 60px; margin-bottom: 2px; } @media (max-width: 1024px) { .single-case .pxl-single--title { font-size: 40px; } } @media (max-width: 1024px) and (max-width: 767px) { .single-case .pxl-single--title { font-size: 35px; } } @media (max-width: 767px) { .single-case #pxl-content-main p { font-size: 18px; } } .single-case .pxl-content-top { display: flex; align-items: center; max-height: 696px; overflow: hidden; border-radius: 20px; margin: 0 15px 54px 15px; } @media (max-width: 991px) { .single-case .pxl-content-top { flex-direction: column; overflow: visible; max-height: 100%; } .single-case .pxl-content-top #pxl-sidebar-area { margin-top: 0 !important; width: 100%; } } .single-case .pxl-content-top .pxl-single--image { height: 100%; } .single-case .pxl-content-top .pxl-single--image img { height: 100%; object-fit: cover; width: 1035px; } .pxl-icon-box .pxl-item--icon { line-height: 1; } .pxl-icon-box .pxl-item--icon img { width: auto; } .pxl-icon-box .pxl-item--icon svg { position: absolute; } .pxl-icon-box1.style-1.style-hover-1 .pxl-item--inner:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #fdfdfd; border-radius: 20px; box-shadow: 0 3px 21px rgba(89, 100, 255, 0.08); z-index: -1; } .pxl-icon-box1.style-1.style-hover-1 .pxl-item--inner:after { content: " "; width: 95%; height: 95%; z-index: 0; position: absolute; top: auto; bottom: 1px; left: 1px; border-radius: 20px; 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)'); background-repeat: repeat-x; outline: 1px solid transparent; z-index: -2; -webkit-transition: all 0.5s; transition: all 0.5s; } .pxl-icon-box1.style-1 .pxl-item--inner { display: flex; align-items: center; justify-content: space-between; background-color: #fdfdfd; border-radius: 20px; box-shadow: 0 3px 21px rgba(89, 100, 255, 0.08); padding: 48px 120px 54px 54px; position: relative; } @media (max-width: 575px) { .pxl-icon-box1.style-1 .pxl-item--inner { padding: 30px 15px 40px 15px; flex-direction: column; gap: 20px; align-items: flex-start; } } .pxl-icon-box1.style-1 .pxl-item--icon { width: 76px; height: 76px; line-height: 76px; display: inline-flex; align-items: center; justify-content: center; 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)'); box-shadow: 0 10px 40px rgba(255, 132, 105, .5); border-radius: 50%; flex-shrink: 0; padding: 20px; } .pxl-icon-box1.style-1 .pxl-item--icon i { font-size: 54px; } .pxl-icon-box1.style-1 .pxl-item--icon svg { width: 54px; height: 54px; } .pxl-icon-box1 .pxl-item--icon { margin-right: 43px; } .pxl-icon-box1 .pxl-item--icon i { font-size: 42px; color: var(--primary-color); } .pxl-icon-box1 .pxl-item--icon i:before { font-weight: 100; } .pxl-icon-box1 .pxl-item--icon img { max-height: 56px; height: 56px; width: auto; } .pxl-icon-box1 .pxl-item--title { color: var(--four-color); font-style: normal; font-weight: 700; font-size: 32px; line-height: 42px; margin-bottom: 16px; } @media screen and (max-width: 1400px) { .pxl-icon-box1 .pxl-item--title { font-size: 28px; line-height: 1.2; } } @media screen and (max-width: 1400px) and (max-width: 767px) { .pxl-icon-box1 .pxl-item--title { font-size: 24px; } } .pxl-icon-box1 .pxl-item--description { font-family: 'nunito sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 30px; } .pxl-icon-box1 .pxl-item--inner { position: relative; z-index: 1; } .pxl-icon-box1 .pxl-item--inner:hover:after { -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px); transform: rotate(2deg) translateX(-5px) translateY(16px); } .pxl-icon-box2 .pxl-item--icon { display: flex; align-items: center; } @media screen and (max-width: 767px) { .pxl-icon-box2 .pxl-item--icon { margin-bottom: 35px; } } .pxl-icon-box2 .pxl-item--icon svg { transition: all 500ms linear; } .pxl-icon-box2 .pxl-item--icon i { font-size: 22px; color: #fdfdfd; width: 50px; height: 50px; display: block; background: linear-gradient(90deg, #00fff0 0%, #00d3c7 100%); text-align: center; line-height: 50px; border-radius: 50%; } @media (max-width: 991px) { .pxl-icon-box2 .pxl-item--icon i { width: 35px; height: 35px; line-height: 35px; } } .pxl-icon-box2 .pxl-item--icon i:before { font-weight: 300; } .pxl-icon-box2 .pxl-item--icon img { max-height: 65px; width: auto; } .pxl-icon-box2 .pxl-item--title { font-size: 32px; font-family: Montserrat; font-style: normal; font-weight: 700; line-height: 42px; color: #fdfdfd; } .pxl-icon-box2 .pxl-item--description { font-size: 16px; font-family: nunito sans; font-style: normal; font-weight: 700; line-height: 26px; color: #f6f6f6; } .pxl-icon-box2 .pxl-item--inner { position: relative; z-index: 1; } @media screen and (min-width: 768px) { .pxl-icon-box2 .pxl-item--inner { display: flex; align-items: flex-start; } .pxl-icon-box2 .pxl-item--inner:hover .pxl-item--icon svg { transform: scale(0.9); } .pxl-icon-box2 .pxl-item--inner.icon-left .pxl-item--icon { margin-right: 26px; } .pxl-icon-box2 .pxl-item--inner.icon-right { text-align: right; flex-direction: row-reverse; } .pxl-icon-box2 .pxl-item--inner.icon-right .pxl-item--icon { margin-left: 23px; } } .pxl-fancy-box2 { /* pxl-fancy-box1 */ } .pxl-fancy-box2 .pxl-item--inner { padding: 53px 66px 75px 68px; position: relative; border: 1px solid #444; background-color: #171717; transition: 0.5s; } @media (max-width: 1024px) { .pxl-fancy-box2 .pxl-item--inner { padding: 53px 15px 75px 38px; } } @media (max-width: 1024px) and (max-width: 767px) { .pxl-fancy-box2 .pxl-item--inner { padding: 53px 15px 75px 15px; } } @media (max-width: 575px) { .pxl-fancy-box2 .pxl-item--inner { max-height: unset; } } .pxl-fancy-box2 .pxl-item--inner:hover .hover-lines { border-left-width: 1px; border-right-width: 1px; height: 100%; transition: width 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75), height 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 145ms, border-left-width 0s cubic-bezier(0.25, 0.25, 0.75, 0.75) 145ms, border-right-width 0s cubic-bezier(0.25, 0.25, 0.75, 0.75) 145ms; width: 100%; } .pxl-fancy-box2 .pxl-item--inner:hover .hover-lines:before, .pxl-fancy-box2 .pxl-item--inner:hover .hover-lines:after { transition: width 0.1s cubic-bezier(0.19, 1, 0.22, 1) 340ms; width: 50%; } .pxl-fancy-box2 .pxl-item--inner .hover-lines { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-bottom: 1px solid var(--primary-color); border-left: 0 solid var(--primary-color); border-right: 0 solid var(--primary-color); bottom: 0; box-sizing: border-box; height: 0; left: 50%; position: absolute; transform: translate3d(-50%, 0, 0); transition: width 0.1s cubic-bezier(0.19, 1, 0.22, 1) 340ms, height 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 145ms, border-left-width 0s cubic-bezier(0.25, 0.25, 0.75, 0.75) 340ms, border-right-width 0s cubic-bezier(0.25, 0.25, 0.75, 0.75) 340ms; width: 0; } .pxl-fancy-box2 .pxl-item--inner .hover-lines:after, .pxl-fancy-box2 .pxl-item--inner .hover-lines:before { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: var(--primary-color); content: ""; height: 1px; left: 0; position: absolute; top: 0; transition: width 150ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; width: 0%; } .pxl-fancy-box2 .pxl-item--inner .hover-lines:after { left: auto; right: 0; } .pxl-fancy-box2 .pxl-item--inner:hover .pxl-item--holder .pxl-item--title, .pxl-fancy-box2 .pxl-item--inner:hover .pxl-item--holder .pxl-item--desc { color: #fdfdfd; } .pxl-fancy-box2 .pxl-item--inner:hover .pxl-fancy-icon svg { transform: scale(-1) rotate(180deg); } .pxl-fancy-box2 .pxl-item--inner .pxl-fancy-icon { display: inline-flex; margin-bottom: 38px; } .pxl-fancy-box2 .pxl-item--inner .pxl-fancy-icon svg { transition: 500ms ease; } .pxl-fancy-box2 .pxl-item--inner .pxl-item--holder { position: relative; z-index: 3; } .pxl-fancy-box2 .pxl-item--inner .pxl-item--holder .pxl-item--title { display: block; font-size: 32px; font-family: Montserrat; font-weight: 700; line-height: 42px; color: #fdfdfd; margin-bottom: 25px; transition: 0.5s; } @media (max-width: 1024px) { .pxl-fancy-box2 .pxl-item--inner .pxl-item--holder .pxl-item--title { font-size: 24px; line-height: 1.2; } } @media (max-width: 1024px) and (max-width: 767px) { .pxl-fancy-box2 .pxl-item--inner .pxl-item--holder .pxl-item--title { font-size: 24px; } } .pxl-fancy-box2 .pxl-item--inner .pxl-item--holder .pxl-item--desc { font-size: 20px; font-family: nunito sans; line-height: 30px; color: #fdfdfd; transition: 0.5s; } @media (max-width: 767px) { .pxl-fancy-box2 .pxl-item--inner .pxl-item--holder .pxl-item--desc { font-size: 18px; line-height: 1.4; } } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; visibility: visible; align-items: center; font-size: 26px; width: 90px; height: 90px; background-color: #fdfdfd; line-height: 90px; display: flex; justify-content: center; border-radius: 50%; color: var(--secondary-color); box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.10); transition: 0.3s linear; } @media (max-width: 1200px) { .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow { width: 70px; height: 70px; } } @media (max-width: 1200px) and (max-width: 767px) { .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow { width: 50px; height: 50px; } } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow svg path { fill: #fc5c7d; } @media (max-width: 767px) { .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow svg { height: 15px; } } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg { transform: rotate(180deg); } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow:hover { background: #fc5c7d; box-shadow: 0px 7px 20px rgba(0, 255, 255, 0.4); } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-arrow:hover svg path { fill: #fdfdfd; } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-meta-box-carousel2 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-meta-box-carousel2 .pxl-swiper-container .pxl-swiper-slide { text-align: center; } .pxl-meta-box-carousel2 .pxl-swiper-container .pxl-swiper-slide .pxl-item--image img { width: auto; } .pxl-meta-box-carousel2 .pxl-swiper-container .pxl-swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(../img/q1.png); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all 300ms linear 0ms; opacity: 0; visibility: hidden; } .pxl-meta-box-carousel2 .pxl-swiper-container .pxl-swiper-slide.swiper-slide-active { position: relative; } .pxl-meta-box-carousel2 .pxl-swiper-container .pxl-swiper-slide.swiper-slide-active:after { opacity: 1; visibility: visible; } .pxl-meta-box-carousel1 .pxl-swiper-slide:nth-child(even) .btn-readmore { background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); } .pxl-meta-box-carousel1 .pxl-swiper-slide:nth-child(even) .pxl-item--box .pxl-item--icon { background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translatey(0); -khtml-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); opacity: 1; visibility: visible; align-items: center; font-size: 26px; width: 90px; height: 90px; background-color: #fdfdfd; line-height: 90px; display: flex; justify-content: center; border-radius: 50%; color: var(--secondary-color); transition: all 250ms linear 0ms; } @media (max-width: 1200px) { .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { width: 70px; height: 70px; } } @media (max-width: 1200px) and (max-width: 767px) { .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { width: 60px; height: 60px; } } @media (max-width: 767px) { .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow svg { height: 15px; } } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg { transform: rotate(180deg); } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover { 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)'); } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover svg path { fill: #fdfdfd; } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-meta-box-carousel1 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-counter .pxl--counter-number { display: inline-flex; flex-wrap: wrap; align-items: baseline; } .pxl-counter1.default .pxl--counter-number { 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)'); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pxl-counter1.style2 .pxl--item-inner { position: relative; display: flex; align-items: center; padding: 40px 0 51px; justify-content: center; gap: 46px; background-color: #fdfdfd; box-shadow: 0px 3px 21px 0px rgba(89, 100, 255, 0.08); border-radius: 20px; overflow: hidden; } @media (max-width: 1366px) { .pxl-counter1.style2 .pxl--item-inner { padding: 25px 0 34px; } } @media (max-width: 991px) { .pxl-counter1.style2 .pxl--item-inner { padding: 20px 0; } } @media (max-width: 991px) and (max-width: 767px) { .pxl-counter1.style2 .pxl--item-inner { padding: 35px 0 40px 15px; flex-direction: column; align-items: flex-start; gap: 10px; } } .pxl-counter1.style2 .pxl--item-inner:hover:after { width: 100%; } .pxl-counter1.style2 .pxl--item-inner:hover .pxl--counter-number { background: #fdfdfd; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pxl-counter1.style2 .pxl--item-inner:hover .pxl--item-title { color: #fdfdfd; } .pxl-counter1.style2 .pxl--item-inner:after { content: ''; position: absolute; height: 100%; width: 12px; border-radius: 0 20px 20px 0; 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)'); transition: all 300ms linear; top: 0; right: 0; } .pxl-counter1.style2 .pxl--item-inner .pxl--counter-number { position: relative; z-index: 1; font-size: 80px; font-family: Montserrat; font-weight: bold; line-height: 96px; 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)'); transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .pxl-counter1.style2 .pxl--item-inner .pxl--item-title { position: relative; z-index: 1; color: var(--four-color); font-family: Montserrat; transition: 0.5s cubic-bezier(0.24, 0.74, 0.58, 1); font-size: 20px; font-style: normal; font-weight: 700; line-height: 30px; max-width: 230px; } .pxl-counter1.default .line { width: 53px; height: 6px; border-radius: 20px; background: #fc5c7d; margin: 30px auto 0; display: block; } .pxl-counter1.default .pxl-item--icon { line-height: 1; font-size: 85px; color: var(--secondary-color); } .pxl-counter1.default .pxl-item--icon img { max-height: 85px; } .pxl-counter1.default .pxl-item--icon svg { height: 85px; fill: var(--secondary-color); } .pxl-counter1.default .pxl--counter-number { font-size: 70px; font-family: Montserrat; font-style: normal; font-weight: 700; line-height: 96px; letter-spacing: 3px; color: #fdfdfd; } .pxl-counter1.default .pxl--counter-number.slide { -webkit-text-fill-color: unset; } .pxl-counter1.default .pxl--item-title { font-size: 32px; font-family: Montserrat; font-style: normal; font-weight: 700; line-height: 42px; color: #fdfdfd; } .pxl-counter1.default .pxl--item-inner { text-align: center; } .pxl-video-player .btn-video { z-index: 2; } .pxl-video-player1 { /* video img*/ } .pxl-video-player1 .pxl-shadow-gradient { width: 240px; height: 240px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: blur(40px); -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: none; } @media screen and (max-width: 767px) { .pxl-video-player1 .pxl-shadow-gradient { width: 120px; height: 120px; filter: blur(22px); } } .pxl-video-player1 .pxl-video--holder + .btn-video-wrap { position: absolute; z-index: 99; text-align: center; } .pxl-video-player1 .pxl-video--holder + .btn-video-wrap.p-center { top: 48%; left: 48%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pxl-video-player1 .btn-video { position: relative; } .pxl-video-player1 .btn-video.style1 { font-size: 32px; width: 153px; height: 153px; line-height: 153px; } @media (max-width: 1366px) { .pxl-video-player1 .btn-video.style1 { width: 123px; height: 123px; line-height: 123px; } } @media screen and (max-width: 767px) { .pxl-video-player1 .btn-video.style1 { width: 80px; height: 80px; line-height: 80px; font-size: 15px; } } .pxl-video-player1 .btn-video.style2 { font-size: 32px; width: 153px; height: 153px; line-height: 153px; background: linear-gradient(90deg, #ff7369 0%, #ffb06d 100%); width: 151px; height: 151px; line-height: 151px; text-align: center; border: none; color: #fff; } .pxl-video-player1 .btn-video.style2 i { line-height: 153px; } @media (max-width: 1366px) { .pxl-video-player1 .btn-video.style2 { width: 123px; height: 123px; line-height: 123px; } .pxl-video-player1 .btn-video.style2 i { line-height: 123px; } } @media screen and (max-width: 767px) { .pxl-video-player1 .btn-video.style2 { width: 80px; height: 80px; line-height: 80px; font-size: 15px; } .pxl-video-player1 .btn-video.style2 i { line-height: 80px; } } .pxl-video-player1 .pxl-video--inner { position: relative; } .pxl-video-player1.pxl-video-style1 .pxl-video--holder + .btn-video-wrap .pxl-shadow-gradient { display: block; z-index: -1; } .pxl-swiper-dots { margin-top: 54px; } @media (max-width: 1024px) { .pxl-swiper-dots { margin-top: 44px; } } .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 6px; width: 12px; height: 12px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; transition: 0.5s; background-color: #9f90ff; opacity: 0.2; } .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { width: 80px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background-color: #9f90ff; opacity: 1; } .pxl-testimonial-carousel1 .pxl-carousel-inner .pxl-swiper-dots { margin-top: 90px; } @media (max-width: 991px) { .pxl-testimonial-carousel1 .pxl-carousel-inner .pxl-swiper-dots { margin-top: 45px; } } .pxl-testimonial-carousel1 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-testimonial-carousel1 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-testimonial-carousel1 .wp-arrow .pxl-swiper-arrow { position: absolute; top: 50%; height: 100%; background-color: initial; cursor: none; } .pxl-testimonial-carousel1 .wp-arrow .pxl-swiper-arrow.cursor-arrow-prev { left: calc((100vw - 1170px)/-2) !important; width: calc((100vw - 1170px)/2) !important; right: auto; } .pxl-testimonial-carousel1 .wp-arrow .pxl-swiper-arrow.cursor-arrow-next { width: calc((100vw - 1170px)/2) !important; right: calc((100vw - 1170px)/-2) !important; left: auto; } .pxl-testimonial-carousel1 .wp-arrow .pxl-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-testimonial-carousel3.pxl-swiper-boxshadow .pxl-carousel-inner .pxl-swiper-container { padding: 0 40px; } .pxl-testimonial-carousel3 .container-custom { max-width: 500px; margin: 0 auto 50px; } .pxl-testimonial-carousel3 .container-custom .wp-arrow { display: flex; align-items: center; } .pxl-testimonial-carousel3 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-testimonial-carousel3 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-testimonial-carousel3 .pxl-swiper-slide { padding: 0 37px; } @media (max-width: 767px) { .pxl-testimonial-carousel3 .pxl-swiper-slide { padding: 0 15px; } } .pxl-testimonial-carousel3 .pxl-item--icon { position: absolute; background-color: transparent; width: 137.5px; height: 88px; top: 33px; left: -54px; border-radius: 20px; display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .pxl-testimonial-carousel3 .pxl-item--icon { width: 96.5px; height: 65px; top: 23px; left: -24px; } .pxl-testimonial-carousel3 .pxl-item--icon svg { width: 30px; } .pxl-testimonial-carousel3 .pxl-item--icon:after { -webkit-mask-size: contain; } } .pxl-testimonial-carousel3 .pxl-item--icon svg { position: relative; z-index: 1; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .pxl-testimonial-carousel3 .pxl-item--icon:after { position: absolute; content: ''; display: block; top: 0; left: 0; height: 100%; width: 100%; mask-image: url(../img/tisti.png); -webkit-mask-image: url(../img/tisti.png); -ms-mask-image: url(../img/tisti.png); -o-mask-image: url(../img/tisti.png); -webkit-mask-repeat: no-repeat; -ms-mask-repeat: no-repeat; -o-mask-repeat: no-repeat; background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); } .pxl-testimonial-carousel3 .pxl-item--desc { font-weight: 400; font-size: 24px; line-height: 34px; color: var(--four-color); text-align: left; margin-bottom: 43px; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .pxl-testimonial-carousel3 .pxl-item--title { margin-bottom: 0; font-style: normal; font-weight: 600; font-size: 24px; line-height: 26px; color: #9f90ff; margin-bottom: 7px; } .pxl-testimonial-carousel3 .pxl-item--position { font-family: Nunito Sans; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: var(--third-color); } .pxl-testimonial-carousel3 .pxl-item--inner { padding: 129px 110px 65px 108px; position: relative; flex-direction: column; align-items: center; justify-content: center; background-color: #f6f6f6; border-radius: 20px; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } @media (max-width: 1366px) { .pxl-testimonial-carousel3 .pxl-item--inner { padding: 129px 45px 65px 45px; } } @media (max-width: 1366px) and (max-width: 1200px) { .pxl-testimonial-carousel3 .pxl-item--inner { padding: 129px 35px 65px 45px; } } @media (max-width: 1366px) and (max-width: 1200px) and (max-width: 767px) { .pxl-testimonial-carousel3 .pxl-item--inner { padding: 99px 15px 65px 15px; } } @media screen and (min-width: 992px) { .pxl-testimonial-carousel3 .pxl-item--inner { display: flex; } } .pxl-testimonial-carousel3 .pxl-item--inner .pxl-item-body { width: 100%; padding-top: 42px; border-top: 1px solid #9f90ff; } .pxl-testimonial-carousel5 .pxl-swiper-dots { position: absolute; flex-direction: column; align-items: center; right: -60px; top: 62px; gap: 6px; margin-top: 0; } .pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet { background-color: #bdd6f1; position: relative; opacity: 1; } .pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; background: linear-gradient(90deg, #38c9f7 0%, #266ff2 100%); border-radius: 12px; transition: 0.3s ease; opacity: 0; } .pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; height: 20px; } .pxl-testimonial-carousel5 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:after { opacity: 1; } .pxl-testimonial-carousel2 .pxl-swiper-slide { padding: 0 10px; } .pxl-testimonial-carousel2 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner { opacity: 1; background-image: linear-gradient(90deg, #2f057b, #6441c1); } .pxl-testimonial-carousel2 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--desc, .pxl-testimonial-carousel2 .pxl-swiper-slide.swiper-slide-active .pxl-item--inner .pxl-item--title { color: #fdfdfd; } .pxl-testimonial-carousel2 .container-custom { max-width: 500px; margin: 0 auto 50px; } .pxl-testimonial-carousel2 .container-custom .wp-arrow { display: flex; align-items: center; } .pxl-testimonial-carousel2 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-testimonial-carousel2 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-testimonial-carousel2 .pxl-item--star { margin-bottom: 26px; } @media (max-width: 1200px) { .pxl-testimonial-carousel2 .pxl-item--star { margin-bottom: 12px; } } .pxl-testimonial-carousel2 .pxl-item--star i { font-size: 16px; } .pxl-testimonial-carousel2 .pxl-item--desc { font-size: 24px; font-family: Montserrat; font-style: normal; transition: all 0.3s ease 0ms; font-weight: 600; line-height: 34px; color: var(--third-color); margin-bottom: 33px; } @media (max-width: 1200px) { .pxl-testimonial-carousel2 .pxl-item--desc { font-size: 18px; line-height: 28px; margin-bottom: 10px; } } .pxl-testimonial-carousel2 .pxl-item--title { font-size: 24px; font-family: Montserrat; transition: all 0.3s ease 0ms; font-style: normal; font-weight: 600; line-height: 34px; color: var(--four-color); margin-bottom: 3px; } .pxl-testimonial-carousel2 .pxl-item--position { font-size: 16px; font-family: Montserrat; transition: all 0.3s ease 0ms; font-style: normal; font-weight: 400; line-height: 26px; color: var(--primary-color); } .pxl-testimonial-carousel2 .pxl-item--inner { display: flex; align-items: center; background-color: #fdfdfd; border-radius: 20px; transition: all 0.3s ease 0ms; opacity: 0.4; } @media (max-width: 1366px) { .pxl-testimonial-carousel2 .pxl-item--inner { padding: 60px 10px; } } @media (max-width: 991px) { .pxl-testimonial-carousel2 .pxl-item--inner { flex-direction: column; align-items: flex-start; gap: 20px; padding: 60px 15px; } } @media (max-width: 1366px) { .pxl-testimonial-carousel2 .pxl-item--inner img { height: 120px; } } @media (max-width: 991px) { .pxl-testimonial-carousel2 .pxl-item--inner img { height: 150px; } } .pxl-testimonial-carousel2 .pxl-item--inner .pxl-item-body { padding: 0 80px 0 53px; } @media (max-width: 1366px) { .pxl-testimonial-carousel2 .pxl-item--inner .pxl-item-body { padding: 0 15px 0 23px; } } @media (max-width: 1200px) { .pxl-testimonial-carousel2 .pxl-item--inner .pxl-item-body { padding: 0 15px 0 15px; } } @media (max-width: 1200px) and (max-width: 991px) { .pxl-testimonial-carousel2 .pxl-item--inner .pxl-item-body { padding: 0; } } .pxl-testimonial-carousel2 .pxl-carousel-inner:hover .wp-arrow.style2 { opacity: 1; } .pxl-testimonial-carousel2 .wp-arrow.style2 { position: absolute; left: 50%; top: 35%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; transition: all 250ms linear 0ms; } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow { position: absolute; top: 50%; height: 100%; background-color: initial; cursor: none; } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow svg { width: 90px; height: 90px; background-color: #fdfdfd; border-radius: 50%; transition: all 250ms linear 0ms; padding: 27px; } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow svg:hover { background-image: linear-gradient(90deg, #ff7369, #ffb06d); box-shadow: 0 4px 30px rgba(89, 100, 255, .1); } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow svg:hover path { fill: #fdfdfd; } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: calc((100vw)/-2) !important; width: calc((100vw)/2) !important; right: auto; } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-prev svg { transform: rotate(180deg); } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next { width: calc((100vw)/2) !important; right: calc((100vw)/-2) !important; left: auto; } .pxl-testimonial-carousel2 .wp-arrow .pxl-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } .swiper-filter-active .non-swiper-slide { display: none; } .swiper-filter-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .swiper-filter-wrap .filter-item { display: inline-block; font-size: 13px; text-transform: uppercase; font-weight: 700; margin: 10px 24px; cursor: pointer; position: relative; z-index: 1; } .swiper-filter-wrap .filter-item:before { content: ''; width: 11px; height: 41px; -webkit-border-radius: 11px; -khtml-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; background-color: #f4f4f4; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scaley(0); -khtml-transform: translate(-50%, -50%) scaley(0); -moz-transform: translate(-50%, -50%) scaley(0); -ms-transform: translate(-50%, -50%) scaley(0); -o-transform: translate(-50%, -50%) scaley(0); transform: translate(-50%, -50%) scaley(0); opacity: 0; -webkit-transition: all 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); z-index: -1; } .swiper-filter-wrap .filter-item span { color: #010927; -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); } .swiper-filter-wrap .filter-item.active { color: var(--primary-color); } .swiper-filter-wrap .filter-item.active:before { opacity: 1; -webkit-transform: translate(-50%, -50%) scaley(1); -khtml-transform: translate(-50%, -50%) scaley(1); -moz-transform: translate(-50%, -50%) scaley(1); -ms-transform: translate(-50%, -50%) scaley(1); -o-transform: translate(-50%, -50%) scaley(1); transform: translate(-50%, -50%) scaley(1); } .pxl-swiper-arrow-style1 .pxl-swiper-arrow { left: 50%; -webkit-transform: translatex(-50%); -khtml-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); right: auto; bottom: 0; top: auto; opacity: 1; visibility: visible; width: 40px; height: 40px; background-color: transparent; border: 2px solid #4b5345; line-height: 36px; color: #4b5345; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow i:before { content: "\f142"; font-size: 16px; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow:hover { border-color: var(--primary-color); background-color: var(--primary-color); } .pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { margin-left: -80px; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-prev i { -webkit-transform: scalex(-1); -khtml-transform: scalex(-1); -moz-transform: scalex(-1); -ms-transform: scalex(-1); -o-transform: scalex(-1); transform: scalex(-1); } .pxl-swiper-arrow-style1 .pxl-swiper-arrow.pxl-swiper-arrow-next { margin-left: 80px; } .pxl-swiper-arrow-style1 .pxl-swiper-arrow + .pxl-swiper-dots { position: absolute; bottom: 120px; left: 0; right: 0; margin: 0; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction { bottom: 10px; font-size: 0px; line-height: 20px; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span { font-weight: 500; color: #fff; font-size: 16px; display: inline-block; min-width: 20px; text-align: center; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current { position: relative; margin-right: 50px; } .pxl-swiper-arrow-style1 .pxl-swiper-dots.pxl-swiper-pagination-fraction span.swiper-pagination-current:before { content: ''; position: absolute; top: 50%; left: 32px; width: 27px; height: 1px; background-color: #fff; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow { opacity: 1; visibility: visible; height: 55px; width: 55px; line-height: 55px; font-size: 20px; background: transparent; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; position: static; -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-swiper-arrow-style2 .pxl-swiper-arrow i { display: inline-flex; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow svg { height: 55px; width: 55px; position: absolute; top: 0; left: 0; z-index: -1; -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-swiper-arrow-style2 .pxl-swiper-arrow svg.item--main { fill: #ececec; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow svg.item--hover { opacity: 0; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow.pxl-swiper-arrow-prev { -webkit-transform: scalex(-1); -khtml-transform: scalex(-1); -moz-transform: scalex(-1); -ms-transform: scalex(-1); -o-transform: scalex(-1); transform: scalex(-1); margin-right: 16px; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--main { opacity: 0; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow:hover svg.item--hover { opacity: 1; } .pxl-swiper-arrow-style2 .pxl-swiper-arrow-wrap { display: flex; flex-wrap: nowrap; align-items: center; } .pxl-swiper-arrow-style3 .pxl-swiper-arrow { font-size: 36px; color: #c5d3d8; background-color: transparent; box-shadow: none; } .pxl-swiper-arrow-style3 .pxl-swiper-arrow.pxl-swiper-arrow-prev i { -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; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets { margin-top: 35px; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span { margin: 0 4px; width: 11px; height: 11px; 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-swiper-dots.style2.pxl-swiper-pagination-bullets span:before { content: ''; width: 13px; height: 13px; border: 1px solid var(--primary-color); top: -1px; left: -1px; position: absolute; -webkit-border-radius: 13px; -khtml-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; -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; -webkit-transform: scale(1.4); -khtml-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:after { -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); content: ''; width: 5px; height: 5px; -webkit-border-radius: 13px; -khtml-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; position: absolute; top: 3px; left: 3px; 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'); opacity: 0; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active { background: transparent; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:after, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:after { opacity: 1; } .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span:hover:before, .pxl-swiper-dots.style2.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active:before { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pxl-swiper-sliders .pxl-item--image img { width: 100%; } .pxl-swiper-sliders .pxl-item--title a, .pxl-swiper-sliders .pxl-item--category a { color: inherit; } .pxl-swiper-sliders .pxl-item--title a:hover, .pxl-swiper-sliders .pxl-item--category a:hover { color: inherit; } .single-service .pxl-single--image img { border-radius: 20px; width: 100%; } @media (max-width: 991px) { .single-service #pxl-content-main p { font-size: 18px; } } .single-service .pxl-single--title { font-size: 60px; font-weight: bold; line-height: 70px; font-family: Montserrat; color: var(--four-color); margin-top: 58px; margin-bottom: 19px; } @media (max-width: 1200px) { .single-service .pxl-single--title { font-size: 45px; line-height: 1.2; } } @media (max-width: 1200px) and (max-width: 991px) { .single-service .pxl-single--title { font-size: 40px; margin: 50px 0 20px; } } @media (max-width: 1200px) and (max-width: 767px) { .single-service .pxl-single--title { font-size: 30px; } } .pxl-service-detail1 { display: flex; flex-direction: column; } .pxl-service-detail1 .service-title { display: flex; font-family: Montserrat; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; padding: 15px 0 16px 30px; border-bottom: 1px solid #dcdcdc; -webkit-transition: all 0.3s linear 0ms; -khtml-transition: all 0.3s linear 0ms; -moz-transition: all 0.3s linear 0ms; -ms-transition: all 0.3s linear 0ms; -o-transition: all 0.3s linear 0ms; transition: all 0.3s linear 0ms; } .pxl-service-detail1 .service-title:last-child { border: none; } .pxl-service-detail1 .service-title:hover { 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)'); box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.5); color: #fff; border-radius: 15px; border-color: transparent; } .pxl-service-carousel1 .pxl-swiper-dots { margin-top: 92px; } @media (max-width: 1024px) { .pxl-service-carousel1 .pxl-swiper-dots { margin-top: 40px; } } .pxl-service-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet { background-color: #35e1b4; opacity: 0.2; } .pxl-service-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .pxl-service-carousel1 .pxl-swiper-container { padding: 54px 0 26px; } @media (max-width: 767px) { .pxl-service-carousel1 .pxl-swiper-container { padding: 0; } } .pxl-service-carousel1 .pxl-swiper-slide { transition: all 500ms linear 0ms; } .pxl-service-carousel1 .pxl-swiper-slide .pxl-item--inner.multiply:after { mix-blend-mode: multiply; opacity: 1; } @media (min-width: 768px) { .pxl-service-carousel1 .pxl-swiper-slide:hover { transform: translateY(-54px); } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner:after { height: 0; } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner .pxl-item--holder { max-height: 100%; transform: translatey(0); } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner .pxl-item--holder:after { height: 100%; opacity: 1; top: 0; } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner .pxl-item--holder .pxl-item--title a { color: var(--third-color); } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner .pxl-item--holder .pxl-item--description span { opacity: 1; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); transform: translate(0); transition-delay: 300ms; } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner .pxl-item--holder .item-readmore { top: 0; bottom: auto; right: -48px; } .pxl-service-carousel1 .pxl-swiper-slide:hover .pxl-item--inner .pxl-item--holder .item-readmore .btn-link { transform: rotatey(180deg); } } .pxl-case-carousel2 .pxl-swiper-dots, .pxl-case-grid.layout4 .pxl-swiper-dots { margin-top: 92px; } .pxl-case-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet, .pxl-case-grid.layout4 .pxl-swiper-dots .pxl-swiper-pagination-bullet { background-color: #35e1b4; opacity: 0.2; } .pxl-case-carousel2 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active, .pxl-case-grid.layout4 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; } .pxl-case-carousel2 .pxl-swiper-container, .pxl-case-grid.layout4 .pxl-swiper-container { padding: 54px 0 26px; } @media (max-width: 767px) { .pxl-case-carousel2 .pxl-swiper-container, .pxl-case-grid.layout4 .pxl-swiper-container { padding: 0; } } .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; align-items: center; font-size: 26px; width: 90px; height: 90px; background-color: rgba(255, 114, 104, 0.2); line-height: 90px; display: flex; justify-content: center; border-radius: 50%; color: var(--secondary-color); box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.10); transition: 0.3s linear; } @media (max-width: 1200px) { .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow { width: 70px; height: 70px; } } @media (max-width: 1200px) and (max-width: 767px) { .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow { width: 50px; height: 50px; } } .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow svg path, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow svg path { fill: var(--primary-color); } @media (max-width: 767px) { .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow svg, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow svg { height: 15px; } } .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg { transform: rotate(180deg); } .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow:hover, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow:hover { background-color: var(--primary-color); box-shadow: 0px 7px 20px rgba(0, 255, 255, 0.4); } .pxl-case-carousel2 .wp-arrow .pxl-swiper-arrow:hover svg path, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-arrow:hover svg path { fill: var(--secondary-color); } .pxl-case-carousel2 .wp-arrow .pxl-swiper-dots, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-case-carousel2 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet, .pxl-case-grid.layout4 .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-post-carousel1.pxl-swiper-boxshadow .pxl-carousel-inner .pxl-swiper-container { padding: 30px 30px; margin: -30px -15px; } .pxl-post-carousel1 .pxl-swiper-dots { margin-top: 100px; } @media (max-width: 1024px) { .pxl-post-carousel1 .pxl-swiper-dots { margin-top: 50px; } } .pxl-post-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet { background-color: #f87d6c; } .pxl-post-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f87d6c; } .pxl-post-carousel1 .container-custom { max-width: 1650px; margin-bottom: 94px; } @media screen and (min-width: 768px) { .pxl-post-carousel1 .container-custom { display: flex; justify-content: space-between; align-items: end; } } @media (max-width: 1024px) { .pxl-post-carousel1 .container-custom { margin-bottom: 74px; } } @media screen and (max-width: 767px) { .pxl-post-carousel1 .container-custom { margin-bottom: 30px; } } .pxl-post-carousel1 .container-custom .el--title { font-family: Montserrat; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; margin-bottom: 0; color: #fdfdfd; } .pxl-post-carousel1 .container-custom .wp-arrow { display: flex; align-items: center; justify-content: end; margin-bottom: 10px; gap: 8px; } @media (max-width: 767px) { .pxl-post-carousel1 .container-custom .wp-arrow { justify-content: flex-start; } } .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; align-items: center; font-size: 26px; width: 90px; height: 90px; background-color: rgba(115, 96, 242, .5); line-height: 90px; display: flex; justify-content: center; border-radius: 50%; color: var(--secondary-color); box-shadow: 0px 7px 20px rgba(86, 100, 255, 0.1); transition: 0.3s linear; } @media (max-width: 1200px) { .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { width: 70px; height: 70px; } } @media (max-width: 1200px) and (max-width: 767px) { .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { width: 50px; height: 50px; } } @media (max-width: 767px) { .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow svg { height: 15px; } } .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow svg path { fill: #fdfdfd; } .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg { transform: rotate(180deg); } .pxl-post-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover { 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)'); box-shadow: 0px 7px 20px rgba(86, 100, 255, 0.1); } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder { position: relative; background-color: #fdfdfd; border-radius: 10px; overflow: hidden; padding: 35.84px 24px 62px 33px; transform: all 0.3s; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:hover .pxl-item--icon { background-color: #b5ff17; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:hover .pxl-item--title a { color: #fdfdfd; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:hover .pxl-item--description { color: #fdfdfd; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:hover .pxl--image { -webkit-transform: scale(1, 1); -khtml-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left center; -webkit-transform-origin: left center; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:hover .item-readmore svg path { fill: #008060; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:hover .item-readmore:after { background-color: #fdfdfd; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder:after { content: ''; position: absolute; width: 106px; height: 106px; border-radius: 50%; background-color: #008060; top: -33px; right: -31px; opacity: 0.1; z-index: 1; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl--image { position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; background-color: #008060; transform-origin: right center; -webkit-transform: scale(0, 1); -khtml-transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -khtml-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -moz-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -ms-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); -o-transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); transition: transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85); background-position: 50%; background-repeat: no-repeat; background-size: cover; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl--image:after { content: ''; position: absolute; background-color: #008060; z-index: 1; opacity: 0.9; width: 100%; height: 100%; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--icon { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; background-color: #008060; border-radius: 50%; transition: all 250ms linear 0ms; width: 47px; height: 47px; margin-bottom: 20px; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--icon img { max-width: 24.92px; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title { font-family: Montserrat; color: #fdfdfd; font-size: 16px; position: relative; z-index: 1; font-style: normal; font-weight: 700; margin-bottom: 11px; line-height: 19.746px; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--title a { transition: all 250ms linear 0ms; color: var(--four-color); } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .pxl-item--description { font-family: Nunito Sans; font-size: 14px; position: relative; z-index: 1; transition: all 250ms linear 0ms; font-style: normal; font-weight: 400; line-height: 21px; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item-readmore { position: absolute; bottom: -1px; left: 0; display: flex; align-items: center; height: 30.09px; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item-readmore svg { position: relative; z-index: 2; height: 10.77px; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item-readmore svg path { fill: #fdfdfd; } .pxl-service-carousel2 .pxl-swiper-slide .pxl-item--inner .pxl-item--holder .item-readmore:after { content: ''; top: 0; left: -15px; position: absolute; width: 59px; height: 30px; border-radius: 0px 3px 0px 0px; transition: all 250ms linear 0ms; transform: skew(29deg); z-index: 1; background-color: #008060; } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { position: static; -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; align-items: center; font-size: 26px; width: 90px; height: 90px; background-color: #fdfdfd; line-height: 90px; display: flex; justify-content: center; border-radius: 50%; color: var(--secondary-color); box-shadow: 0px 4px 30px rgba(89, 100, 255, 0.10); transition: 0.3s linear; } @media (max-width: 1200px) { .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { width: 70px; height: 70px; } } @media (max-width: 1200px) and (max-width: 767px) { .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow { width: 50px; height: 50px; } } @media (max-width: 767px) { .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow svg, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow svg { height: 15px; } } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow + .pxl-swiper-arrow { margin-left: 10px; } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow.pxl-swiper-arrow-next svg { transform: rotate(180deg); } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow:hover, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover { background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); box-shadow: 0px 7px 20px rgba(0, 255, 255, 0.4); } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-arrow:hover svg path, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-arrow:hover svg path { fill: #fdfdfd; } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-dots, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-dots { margin-top: 0; } .pxl-service-grid-layout2 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet, .pxl-service-carousel1 .container-custom .wp-arrow .pxl-swiper-dots .pxl-swiper-pagination-bullet { margin: 0 8px; width: 5px; height: 5px; } .pxl-case-carousel1 .pxl-swiper-dots { margin-top: 95px; } .pxl-case-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet { background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); } .pxl-case-carousel1 .pxl-swiper-dots .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active { background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); } .pxl-case-carousel1 .pxl-swiper-arrow { display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; line-height: 90px; background: #fdfdfd; border-radius: 50%; box-shadow: 0 4px 30px rgba(89, 100, 255, 0.1); transition: all 250ms linear 0ms; } .pxl-case-carousel1 .pxl-swiper-arrow svg { line-height: 1; } .pxl-case-carousel1 .pxl-swiper-arrow:hover { background: linear-gradient(90deg, #40ccfc 0%, #1aecf5 100%); } .pxl-case-carousel1 .pxl-swiper-arrow:hover svg path { fill: #fdfdfd; } .pxl-case-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next { transform: translatey(-50%) rotate(180deg); right: -48px; } @media (max-width: 1400px) { .pxl-case-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-next { right: 30px; } } .pxl-case-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: -48px; } @media (max-width: 1400px) { .pxl-case-carousel1 .pxl-swiper-arrow.pxl-swiper-arrow-prev { left: 30px; } } .pxl-progressbar.layout-4 { display: flex; align-items: center; } @media (max-width: 575px) { .pxl-progressbar.layout-4 { flex-direction: column; align-items: flex-start; gap: 30px; } } .pxl-progressbar.layout-4 .pxl-progressbar-inner { width: 174px; height: 174px; min-width: 174px; position: relative; margin: 0 auto; } @media (max-width: 1200px) { .pxl-progressbar.layout-4 .pxl-progressbar-inner { width: 144px; height: 144px; min-width: 144px; } } @media (max-width: 1200px) and (max-width: 575px) { .pxl-progressbar.layout-4 .pxl-progressbar-inner { margin: 0; } } .pxl-progressbar.layout-4.style2 { display: flex; flex-direction: column; align-items: center; } .pxl-progressbar.layout-4.style2 .progress-box { margin: 27px 0 0 0; max-width: 297px; text-align: center; } .pxl-progressbar.layout-4 .pxl-progressbar-circle { position: absolute; top: 0; left: 0; border-radius: 50%; width: 100%; height: 100%; box-shadow: 0 10px 40px 0 rgba(255, 132, 105, .5); } .pxl-progressbar.layout-4 .pxl-progressbar-circle div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-width: 13px; border-style: solid; border-color: #54595f; border-radius: 50%; border-color: var(--primary-color); } .pxl-progressbar.layout-4 .progress-box { margin-left: 48px; } @media (max-width: 1024px) { .pxl-progressbar.layout-4 .progress-box { margin-left: 20px; } } @media (max-width: 576px) { .pxl-progressbar.layout-4 .progress-box { margin-left: 0; } } .pxl-progressbar.layout-4 .progress-box .progress-title { font-size: 32px; font-family: Montserrat; font-style: normal; font-weight: 700; line-height: 42px; color: var(--four-color); margin-bottom: 16px; } .pxl-progressbar.layout-4 .progress-box .progress-content { font-size: 18px; font-family: nunito sans; font-style: normal; font-weight: 400; line-height: 28px; color: var(--third-color); } .pxl-progressbar.layout-4 .pxl-progressbar-circle-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .pxl-progressbar.layout-4 .pxl-progressbar-circle-content .progress-percentage { font-size: 50px; font-weight: 700; line-height: 1; color: var(--four-color); } @media (max-width: 767px) { .pxl-progressbar.layout-4 .pxl-progressbar-circle-content .progress-percentage { font-size: 40px; } } .pxl-progressbar-container.layout-4 svg { overflow: unset; } .pxl-progressbar-container.layout-4 .svg1 { position: absolute; z-index: 1; height: 100%; transform: rotate(256deg) rotatex(180deg); width: 100%; } .pxl-progressbar-container.layout-4 .svg1 .progress-bar__progress { fill: none; stroke: #d9d9d9; stroke-dasharray: 100 100; stroke-dashoffset: 100; stroke-linecap: round; stroke-width: 2.5px; transition: stroke-dashoffset 1s ease-in-out; } .pxl-progressbar-container.layout-4 .svg2 { position: absolute; z-index: 2; height: 100%; transform: rotate(-90deg); width: 100%; } .pxl-progressbar-container.layout-4 .svg2 .progress-bar__progress { fill: none; stroke-dasharray: 100 100; stroke-dashoffset: 100; stroke-linecap: round; stroke-width: 2.5px; transition: stroke-dashoffset 1s ease-in-out; } .pxl-progressbar-container.layout-4 .progress-bar__background { fill: none; stroke: transparent; stroke-width: 2.5px; } .pxl-team-carousel .pxl-swiper-container { margin: 40px -15px; overflow: unset; } .pxl-team-grid1 .wp-arrow .pxl-swiper-arrow, .pxl-team-carousel .wp-arrow .pxl-swiper-arrow { position: absolute; top: 50%; height: 100%; background-color: initial; cursor: none; opacity: 1; visibility: visible; } .pxl-team-grid1 .wp-arrow .pxl-swiper-arrow.cursor-arrow-prev, .pxl-team-carousel .wp-arrow .pxl-swiper-arrow.cursor-arrow-prev { left: calc((100vw - 1170px)/-2) !important; width: calc((100vw - 1170px)/2) !important; right: auto; } .pxl-team-grid1 .wp-arrow .pxl-swiper-arrow.cursor-arrow-next, .pxl-team-carousel .wp-arrow .pxl-swiper-arrow.cursor-arrow-next { width: calc((100vw - 1170px)/2) !important; right: calc((100vw - 1170px)/-2) !important; left: auto; } .pxl-team-grid1 .wp-arrow .pxl-swiper-arrow.swiper-button-disabled, .pxl-team-carousel .wp-arrow .pxl-swiper-arrow.swiper-button-disabled { cursor: not-allowed; } .pxl-team-carousel .pxl-item--image { position: relative; overflow: hidden; border-radius: 20px; cursor: pointer; } .pxl-team-carousel .pxl-item--title, .pxl-team-carousel .pxl-item--position { position: relative; z-index: 2; } .pxl-team-carousel .pxl-item--title { margin-bottom: 14px; } .pxl-team-carousel .pxl-item--position { color: var(--secondary-color); } .pxl-team-carousel .pxl-item--inner { position: relative; } .pxl-team-carousel.style-circle .pxl-item--inner .pxl-item--image:before { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 255, 255, .2); opacity: 0; z-index: 1; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pxl-team-carousel.style-circle .pxl-item--inner:hover .pxl-item--image:before { -webkit-animation: img_circle 0.65s; -khtml-animation: img_circle 0.65s; -moz-animation: img_circle 0.65s; -ms-animation: img_circle 0.65s; -o-animation: img_circle 0.65s; animation: img_circle 0.65s; } .pxl-team-carousel .pxl-item--image { transition: 300ms all ease; } .pxl-team-carousel .pxl-item--image img { transition: 300ms all ease; object-fit: cover; } @media (max-width: 575px) { .pxl-team-carousel .pxl-item--image img { width: 100%; max-height: 500px; } } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta { 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)'); } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .item--meta-plus { background: #fdfdfd; } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .item--meta-plus svg { transform: rotatez(180deg); } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .item--meta-plus svg path { fill: var(--primary-color); } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .pxl-item--title, .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .pxl-item--position { color: #fdfdfd; } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .pxl-item--title a, .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .pxl-item--position a { color: #fdfdfd; } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .pxl-item--social { opacity: 1; visibility: visible; height: auto; margin-top: 13px; transition: 300ms all ease; } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta .pxl-item--social a { transform: translateY(0px); } .pxl-team-carousel .pxl-item--inner:hover .pxl-item--meta ~ .pxl-item--image { transform: scale(1.05, 1.1202); } .pxl-team-carousel .pxl-item--meta { position: absolute; bottom: 22px; width: 100%; left: 50%; transform: translatex(-50%); background-color: #fdfdfd; border-radius: 20px; max-width: 346px; text-align: center; padding: 24px 0; transition: 300ms all linear 0ms; z-index: 1; } @media (max-width: 767px) { .pxl-team-carousel .pxl-item--meta { padding: 15px 0; } } .pxl-team-carousel .pxl-item--meta .item--meta-plus { position: absolute; display: block; top: -24px; left: 24px; height: 48px; width: 48px; line-height: 48px; border-radius: 50%; 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)'); box-shadow: 0px 10px 40px rgba(255, 132, 105, 0.5); transition: 300ms all linear 0s; cursor: pointer; } .pxl-team-carousel .pxl-item--meta .item--meta-plus svg { fill: #fdfdfd; transition: 300ms all linear 0s; } .pxl-team-carousel .pxl-item--meta .pxl-item--title { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 24px; margin-bottom: -4px; line-height: 42px; transition: 300ms all linear 0ms; } .pxl-team-carousel .pxl-item--meta .pxl-item--title a { color: var(--four-color); } .pxl-team-carousel .pxl-item--meta .pxl-item--position { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--secondary-color); transition: 300ms all linear 0ms; } .pxl-team-carousel .pxl-item--meta .pxl-item--social { opacity: 0; visibility: hidden; line-height: 0; height: 0; transition: 300ms all linear 0ms; display: flex; align-items: center; justify-content: center; gap: 7px; } .pxl-team-carousel .pxl-item--meta .pxl-item--social a { display: block; background-color: #fdfdfd; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; font-size: 10px; color: var(--primary-color); transition: 300ms all linear 0ms; transform: translateY(10px); } .pxl-team-carousel .pxl-item--meta .pxl-item--social a:nth-child(1) { transition-delay: 0.2s; } .pxl-team-carousel .pxl-item--meta .pxl-item--social a:nth-child(2) { transition-delay: 0.4s; } .pxl-team-carousel .pxl-item--meta .pxl-item--social a:nth-child(3) { transition-delay: 0.6s; } @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon.eot"); src: url("../fonts/flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/flaticon.woff2") format("woff2"), url("../fonts/flaticon.woff") format("woff"), url("../fonts/flaticon.ttf") format("truetype"), url("../fonts/flaticon.svg#flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"], [class*=" flaticon-"] { display: inline-flex; } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: inherit; font-style: normal; font-weight: normal; } .flaticon-trust:before { content: "\f102"; } .flaticon-star:before { content: "\f10a"; } /* Theme Name: Digicove Theme URI: http://demo.bravisthemes.com/digicove/ Author: Bravis-Themes Author URI: https://themeforest.net/user/bravis-themes/ Description: DigiCove is a digital agency Theme. It will be suitable for any digital agency based company. It will also be suitable for any kind of professional business template. It can be used for various business sites like IT service,SEO and digital marketing etc. It is a complete designs with all minimum required contents for IT service,SEO and digital marketing based company. Version: 1.0.40 License: ThemeForest License URI: https://themeforest.net/licenses Text Domain: digicove Tags: business, corporate, creative agency, digital agency, digital marketing, figma, it service, it solution, seo, software, startup */ body { color: black; } .footer-form-section { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1000000; justify-content: center; align-items: center; } .footer-form-section .elementor-container { height: 100%; } .footer-form-column { height: 100%; overflow: auto; } .footer-form { background-color: #171717; padding: 25px; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); max-width: 500px; width: 90%; animation: fadeIn 0.3s ease-out; position: relative; } .footer-form h3 { color: white; text-align: center; } .footer-form-close-wrapper { position: absolute; width: 95%; display: flex; justify-content: flex-end; } .footer-form-open { display: block; } #pxl-footer-elementor .container { z-index: 1000; } .footer-form a { color: var(--link-color-hover); } .contact-us-form a { color: var(--link-color-hover); } .contact-us-form span.mc4wp-checkbox-contact-form-7 { margin: 0 0 0 1em; } .elementor-7437 .pxl-menu-primary .pxl-mega-menu, .elementor-6704 .pxl-menu-primary .pxl-mega-menu { position: fixed; top: auto; } .elementor-3871 .elementor-column.elementor-col-20 { width: 50% !important; margin-top: 20px; } .elementor-3871 .elementor-column.elementor-col-20 .pxl-item--title { color: black; } .single-case .pxl-single--title { font-size: 30px; margin-bottom: unset; } @media (max-width: 767px) { body { font-family: Montserrat,Courier, monospace; line-height: 26px; font-weight: normal; font-style: normal; font-size: 16px !important; } h1 { font-size: 22px !important; } h2 { font-size: 20px !important; } h3 { font-size: 18px !important; } .single-case #pxl-content-main p { font-size: 16px !important; } .pxl-process2.default .pxl-item--description { font-size: 16px !important; } .pxl-testimonial-carousel2 .pxl-item--desc { font-size: 16px !important; } .single-case .pxl-single--title { font-size: 30px; } } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');} @font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');} @font-face{font-family:'Nunito Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/uploads/ai4-fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');} :root{}body.rtl,html[dir=rtl]{}.screen-reader-text,.screen-reader-text span{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}.e-logo-wrapper{background:var(--e-a-bg-logo);border-radius:50%;display:inline-block;line-height:1;padding:.75em}.e-logo-wrapper i{color:var(--e-a-color-logo);font-size:1em}.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure{margin:0}.elementor embed,.elementor iframe,.elementor object,.elementor video{border:none;line-height:1;margin:0;max-width:100%;width:100%}.elementor .elementor-background-video-container{direction:ltr;inset:0;overflow:hidden;position:absolute;z-index:0}.elementor .elementor-background-video-container{pointer-events:none;transition:opacity 1s}.elementor .elementor-background-overlay{inset:0;position:absolute}.elementor .elementor-background-slideshow{inset:0;position:absolute;z-index:0}.elementor .elementor-background-slideshow__slide__image{background-position:50%;background-size:cover;height:100%;width:100%}.e-con-inner>.elementor-element.elementor-absolute,.e-con>.elementor-element.elementor-absolute,.elementor-widget-wrap>.elementor-element.elementor-absolute{position:absolute}.e-con-inner>.elementor-element.elementor-fixed,.e-con>.elementor-element.elementor-fixed,.elementor-widget-wrap>.elementor-element.elementor-fixed{position:fixed}.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget__width-initial{max-width:100%}@media (max-width:1024px){.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial{max-width:100%}}@media (max-width:767px){.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto,.elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial{max-width:100%}}.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element.elementor-absolute,.elementor-element.elementor-fixed{z-index:1}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}.elementor-invisible{visibility:hidden}.elementor-align-center{text-align:center}.elementor-align-center .elementor-button{width:auto}.elementor-align-justify .elementor-button{width:100%}.elementor-ken-burns--active{transition-duration:20s}:root{--page-title-display:block}h1.entry-title{display:var(--page-title-display)}.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-left:auto;margin-right:auto;position:relative}@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}.elementor-section.elementor-section-stretched{position:relative;width:100%}.elementor-section.elementor-section-items-top>.elementor-container{align-items:flex-start}.elementor-section.elementor-section-items-middle>.elementor-container{align-items:center}.elementor-section.elementor-section-items-bottom>.elementor-container{align-items:flex-end}.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}.elementor-widget-wrap.e-swiper-container{width:calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px)))}.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-bottom:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-bottom:0}.elementor-column{display:flex;min-height:1px;position:relative}.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated{padding:5px}.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}.elementor-column-gap-extended>.elementor-column>.elementor-element-populated{padding:15px}.elementor-column-gap-wide>.elementor-column>.elementor-element-populated{padding:20px}.elementor-column-gap-wider>.elementor-column>.elementor-element-populated{padding:30px}.elementor-inner-section .elementor-column-gap-no .elementor-element-populated{padding:0}@media (min-width:768px){.elementor-column.elementor-col-20{width:20%}.elementor-column.elementor-col-25{width:25%}.elementor-column.elementor-col-33{width:33.333%}.elementor-column.elementor-col-50{width:50%}.elementor-column.elementor-col-100{width:100%}}@media (max-width:479px){.elementor-column.elementor-xs-10{width:10%}.elementor-column.elementor-xs-11{width:11.111%}.elementor-column.elementor-xs-12{width:12.5%}.elementor-column.elementor-xs-14{width:14.285%}.elementor-column.elementor-xs-16{width:16.666%}.elementor-column.elementor-xs-20{width:20%}.elementor-column.elementor-xs-25{width:25%}.elementor-column.elementor-xs-30{width:30%}.elementor-column.elementor-xs-33{width:33.333%}.elementor-column.elementor-xs-40{width:40%}.elementor-column.elementor-xs-50{width:50%}.elementor-column.elementor-xs-60{width:60%}.elementor-column.elementor-xs-66{width:66.666%}.elementor-column.elementor-xs-70{width:70%}.elementor-column.elementor-xs-75{width:75%}.elementor-column.elementor-xs-80{width:80%}.elementor-column.elementor-xs-83{width:83.333%}.elementor-column.elementor-xs-90{width:90%}.elementor-column.elementor-xs-100{width:100%}}@media (max-width:767px){.elementor-column.elementor-sm-10{width:10%}.elementor-column.elementor-sm-11{width:11.111%}.elementor-column.elementor-sm-12{width:12.5%}.elementor-column.elementor-sm-14{width:14.285%}.elementor-column.elementor-sm-16{width:16.666%}.elementor-column.elementor-sm-20{width:20%}.elementor-column.elementor-sm-25{width:25%}.elementor-column.elementor-sm-30{width:30%}.elementor-column.elementor-sm-33{width:33.333%}.elementor-column.elementor-sm-40{width:40%}.elementor-column.elementor-sm-50{width:50%}.elementor-column.elementor-sm-60{width:60%}.elementor-column.elementor-sm-66{width:66.666%}.elementor-column.elementor-sm-70{width:70%}.elementor-column.elementor-sm-75{width:75%}.elementor-column.elementor-sm-80{width:80%}.elementor-column.elementor-sm-83{width:83.333%}.elementor-column.elementor-sm-90{width:90%}.elementor-column.elementor-sm-100{width:100%}}@media (max-width:767px){.elementor-column{width:100%}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap;margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}body.rtl .e-con{--padding-inline-start:var(--padding-right);--padding-inline-end:var(--padding-left);--margin-inline-start:var(--margin-right);--margin-inline-end:var(--margin-left);--border-inline-start-width:var(--border-right-width);--border-inline-end-width:var(--border-left-width)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}.e-con.e-grid{--grid-justify-content:start;--grid-align-content:start;--grid-auto-flow:row}.e-con.e-grid,.e-con.e-grid>.e-con-inner{align-content:var(--grid-align-content);align-items:var(--align-items);grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--e-con-grid-template-columns);grid-template-rows:var(--e-con-grid-template-rows);justify-content:var(--grid-justify-content);justify-items:var(--justify-items)}.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}.e-con-boxed.e-grid{grid-template-columns:1fr;grid-template-rows:1fr;justify-items:legacy}.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}.e-con.e-grid>.e-con-inner{align-items:var(--align-items);justify-items:var(--justify-items)}.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}.e-con>.elementor-background-slideshow,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));top:calc(0px - var(--border-top-width));width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}@media (max-width:767px){:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container.elementor-hidden-mobile{display:none}}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{z-index:1}:is(.e-con,.e-con>.e-con-inner)>.elementor-background-slideshow:before{z-index:2}.e-con .elementor-widget{min-width:0}.e-con .elementor-widget.e-widget-swiper{width:100%}.e-con>.e-con-inner>.elementor-widget>.elementor-widget-container,.e-con>.elementor-widget>.elementor-widget-container{height:100%}.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}}.elementor-form-fields-wrapper{display:flex;flex-wrap:wrap}.elementor-heading-title{line-height:1;margin:0;padding:0}.elementor-button{background-color:#69727d;border-radius:3px;color:#fff;display:inline-block;font-size:15px;line-height:1;padding:12px 24px;fill:#fff;text-align:center;transition:all .3s}.elementor-button:focus,.elementor-button:hover,.elementor-button:visited{color:#fff}.elementor-button-content-wrapper{display:flex;flex-direction:row;gap:5px;justify-content:center}.elementor-button-icon{align-items:center;display:flex}.elementor-button-icon svg{height:auto;width:1em}.elementor-button-text{display:inline-block}.elementor-button span{text-decoration:inherit}.elementor-view-stacked .elementor-icon{background-color:#69727d;color:#fff;padding:.5em;fill:#fff}.elementor-view-framed .elementor-icon{background-color:transparent;border:3px solid #69727d;color:#69727d;padding:.5em}.elementor-icon{color:#69727d;display:inline-block;font-size:50px;line-height:1;text-align:center;transition:all .3s}.elementor-icon:hover{color:#69727d}.elementor-icon i,.elementor-icon svg{display:block;height:1em;position:relative;width:1em}.elementor-icon i:before,.elementor-icon svg:before{left:50%;position:absolute;transform:translateX(-50%)}.animated{animation-duration:1.25s}.animated.animated-slow{animation-duration:2s}.animated.animated-fast{animation-duration:.75s}.animated.infinite{animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.animated{animation:none}}@media (max-width:767px){.elementor .elementor-hidden-mobile{display:none}}@media (min-width:768px) and (max-width:880px){.elementor .elementor-hidden-mobile_extra{display:none}}@media (min-width:881px) and (max-width:1024px){.elementor .elementor-hidden-tablet{display:none}}@media (min-width:1025px) and (max-width:1200px){.elementor .elementor-hidden-tablet_extra{display:none}}@media (min-width:1201px) and (max-width:1366px){.elementor .elementor-hidden-laptop{display:none}}@media (min-width:1367px) and (max-width:99999px){.elementor .elementor-hidden-desktop{display:none}} .elementor-widget-icon-box .elementor-icon-box-wrapper{display:flex;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box .elementor-icon-box-icon{display:inline-block;flex:0 0 auto;line-height:0}.elementor-widget-icon-box .elementor-icon-box-content{flex-grow:1;width:100%}.elementor-widget-icon-box .elementor-icon-box-title a{color:inherit}.elementor-widget-icon-box .elementor-icon-box-description{margin:0}.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper{flex-direction:row;gap:var(--icon-box-icon-margin,15px);text-align:start}.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}@media (max-width:767px){.elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper{align-items:unset!important;flex-direction:column;gap:var(--icon-box-icon-margin,15px);text-align:center}.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon{flex-direction:column}} .elementor-image-gallery .gallery-item{display:inline-block;margin:0 auto;max-width:100%;text-align:center;vertical-align:top;width:100%}.elementor-image-gallery .gallery-item img{margin:0 auto}.elementor-image-gallery .gallery-item .gallery-caption{margin:0}.elementor-image-gallery figure img{display:block}.gallery-spacing-custom .elementor-image-gallery .gallery-icon{padding:0}@media (min-width:768px){.elementor-image-gallery .gallery-columns-3 .gallery-item{max-width:33.33%}}@media (min-width:480px) and (max-width:767px){.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item{max-width:50%}}@media (max-width:479px){.elementor-image-gallery .gallery.gallery-columns-3 .gallery-item{max-width:100%}}