/* Nexa Extension for Elementor v3.5.1 */
html{scroll-behavior: smooth;}.nexa-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all .4s}.nexa-wbg-cover{background-size:cover;background-repeat:no-repeat;background-position:center}.nexa-flex{display:flex}.nexa-login-remember-wrap input[type=checkbox],.nexa-login-remember-wrap input[type=radio]{height:inherit}.clearfix::after{content:"";clear:both;display:table}.nexa-content-box-move:hover,.nexa-content-box-zoom:hover,.nexa-hover-move:hover,.nexa-hover-zoom:hover,.nexa-pricing-move:hover,.nexa-pricing-zoom:hover,.nexa-team-box-move:hover,.nexa-team-box-zoom:hover{z-index:999}.nexa-bp,.nexa-wbp-cats,.nexa-wbp-cats a,.nexa-wbp-col,.nexa-wbp-meta,.nexa-wbp-meta a,.nexa-wbp-text,.nexa-brand-carousel .owl-item,.nexa-brand-item-inner,.nexa-brand-item-inner a img,.nexa-content-box-desc,.nexa-content-box-icon,.nexa-content-box-icon img,.nexa-content-box-title,.nexa-content-box-title>a,.nexa-content-slider .owl-item,.nexa-cs-item,.nexa-feed .nexa-feed-content,.nexa-feed .nexa-feed-meta,.nexa-feed .nexa-feed-page-name a,.nexa-feed .nexa-feed-title a,.nexa-flipbox-icon i,.nexa-flipbox-title,.nexa-pc-col,.nexa-pc-meta,.nexa-pc-meta a,.nexa-pc-thumb,.nexa-portfolio-btn,.nexa-portfolio-desc,.nexa-portfolio-title,.nexa-posts-carousel .owl-item,.nexa-price-prefix,.nexa-price-tag,.nexa-pricing-body li,.nexa-pricing-title,.nexa-wpt-cat-btn,.nexa-transform-content{transition:all .4s}.nexa-table table td,.nexa-table table th,.nexa-table table tr{transition:all .2s}.nexa-accordion-body,.nexa-accordion-item,.nexa-blogpost,.nexa-bp,.nexa-wbp-col,.nexa-wbp-grid,.nexa-wbp-list .nexa-bp,.nexa-brand-carousel,.nexa-contact-input,.nexa-content-box-icon,.nexa-feed-grid,.nexa-flipbox-hidden,.nexa-load-more,.nexa-modal-content,.nexa-portfolio,.nexa-posts-tab,.nexa-wpt-content,.nexa-wpt-content .nexa-wpt-post,.nexa-wpt-item,.nexa-social-feed,.nexa-transform-content,.xzoom-hidden{overflow:hidden}.nexa-wbp-item-1,.nexa-feed-col-1,.nexa-google-map,.nexa-load-more,.nexa-login-remember-wrap,.nexa-wpt-title,.nexa-table table,.nexa-team img{width:100%}.nexa-accordion-body,.nexa-accordion-body .elementor-element-overlay,.nexa-accordion-item.open>.nexa-accordion-header>.nexa-accordion-icon .off,.nexa-accordion-item>.nexa-accordion-header>.nexa-accordion-icon .on,.nexa-content-box .elementor-element-overlay,.nexa-content-slider .elementor-element-overlay,.nexa-modal-content .elementor-element-overlay,.nexa-wpt-item,.nexa-subs-form a,.nexa-transform .elementor-element-overlay{display:none}.nexa-accordion-item.open>.nexa-accordion-header>.nexa-accordion-icon .on,.nexa-wbg-thumb img,.nexa-wpt-content .nexa-wpt-btn,.nexa-wpt-item.active{display:block}.nexa-pricing-save-value,.nexa-wbp-cats,.nexa-wbp-cats a,.nexa-contact-form .g-recaptcha,.nexa-fancytext .nexa-fancytext-strings>.animated,.nexa-product-zoomer,.nexa-team-social li{display:inline-block}.nexa-portfolio-overlay i,.nexa-social li a i,.twentytwenty-after-label:before,.twentytwenty-before-label:before{text-align:center;transition:all .4s}.nexa-wbp-col,.nexa-wbp-list .nexa-wbg-thumb,.nexa-wbp-list .nexa-wbp-content,.nexa-news,.nexa-news-content,.nexa-portfolio-item,.nexa-wpt-content .nexa-wpt-posts,.nexa-wpt-content-right .nexa-wpt-content-content{float:left}.nexa-input-field{display:inline-block;width:inherit;height:inherit;vertical-align:inherit!important;transition:all .4s}.nexa-input-field:focus,.nexa-video-play,.nexa-video-play:focus{outline:0}.nexa-button,.nexa-button:active,.nexa-button:focus{border:0;outline:0;cursor:pointer}.nexa-modal-header,.nexa-pricing-title,.nexa-wpt-thumb-content h2,.nexa-wpt-thumb-content p{margin:0}.nexa-social{margin:0;padding:0}.nexa-ribbon-left,.nexa-ribbon-right{position:absolute;top:25px;right:-85px;width:250px;padding:5px;text-align:center;z-index:9;transform:rotate(45deg)}.nexa-ribbon-left{left:-85px;right:auto;transform:rotate(-45deg)}.nexa-banner-slider,.nexa-wbg-thumb,.nexa-wpt-content-content .nexa-wpt-item,.nexa-separator{position:relative}.nexa-separator.nexa-separator-solid-dot:after,.nexa-separator.nexa-separator-solid-dot:before{position:absolute;top:0;left:110%;height:100%;width:15%;content:''}.nexa-separator.nexa-separator-solid-dot:after{left:133%;width:7%}.nexa-accordion-item .nexa-accordion-header{-ms-flex-pack:justify;justify-content:space-between;margin:0;cursor:pointer;transition:all .4s}.nexa-accordion-desc p{margin-bottom:0}.nexa-slider-content .nexa-overlay{opacity:1}.nexa-anim-invisible{visibility:hidden}.nexa-wbp-grid-sizer,.nexa-fb-feed-grid-sizer,.nexa-twitter-feed-grid-sizer{width:8.333333%}.nexa-wbp-custom-12{width:100%}.nexa-wbp-custom-9{width:75%}.nexa-wbp-custom-8{width:66.666667%}.nexa-wbp-custom-7{width:58.333333%}.nexa-wbp-custom-5{width:41.666667%}.nexa-wbp-custom-6,.nexa-wbp-item-2,.nexa-feed-col-2{width:50%}.nexa-wbp-custom-4,.nexa-wbp-item-3,.nexa-feed-col-3{width:33.333333%}.nexa-wbp-custom-3,.nexa-wbp-item-4,.nexa-feed-col-4{width:25%}.nexa-wbg-thumb .nexa-overlay>a{display:block;height:100%}.nexa-wbg-thumb:hover .nexa-overlay{opacity:1}.nexa-wbp-title,.nexa-wbp-title a,.nexa-pc-title,.nexa-pc-title a{display:block;transition:all .4s}.nexa-wbp-pagination .page-numbers{display:inline-block;text-align:center;transition:all .4s}.nexa-load-more .nexa-load-more-btn{min-width:160px}.nexa-banner-pbtn,.nexa-banner-sbtn,.nexa-button,.nexa-dynamic-btn,.nexa-order-btn,.nexa-read-more,.nexa-social a,.nexa-team-social a,.nexa-video-play{display:inline-flex;text-align:center;overflow:hidden;transition:all .4s}.nexa-banner-pbtn,.nexa-banner-sbtn{overflow:inherit}.nexa-banner-pbtn i,.nexa-banner-sbtn i,.nexa-button:not(.nexa-wpt-cat-btn) i,.nexa-dynamic-btn i,.nexa-order-btn i,.nexa-read-more i{display:inline-block;transition:all .2s cubic-bezier(.1,.8,.8,1)}.nexa-news-ticker,.nexa-pc-thumb{position:relative;overflow:hidden}.nexa-pc-thumb .nexa-overlay{opacity:1}.nexa-pc-content{position:relative;width:100%}.nexa-brand-item-inner a{display:block;text-align:center}.nexa-contact-input-half{width:calc(50% - 10px);float:left}.nexa-contact-input-half:last-child{margin-left:20px}.nexa-contact-input .nexa-input-field{width:calc(33.33333% - 3.12px)}.nexa-contact-input .nexa-input-block{display:block;width:100%;float:left}.nexa-contact-input textarea.nexa-input-field{resize:vertical}.nexa-pricing,.nexa-team{position:relative;overflow:hidden;transition:all .4s}.nexa-content-box:hover .nexa-content-box-icon.nexa-img-zoom img{transform:scale(1.15)}.nexa-content-box-icon,.nexa-countdown .nexa-cd{display:inline-block;text-align:center}.nexa-fancytext .typed-cursor{font-weight:400!important;font-style:normal!important;opacity:1;animation:blink_cursor .7s infinite}.nexa-flipbox{position:relative;perspective:1000px}.nexa-flipbox-back,.nexa-flipbox-front{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;overflow:hidden;transition:all .6s}.nexa-flipbox-front.nexa-flipbox-effect-h-flip{transform:rotateY(0)}.nexa-flipbox-back.nexa-flipbox-effect-h-flip{transform:rotateY(-180deg)}.nexa-flipbox:hover .nexa-flipbox-front.nexa-flipbox-effect-h-flip{transform:rotateY(180deg)}.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-h-flip{transform:rotateY(0)}.nexa-flipbox-front.nexa-flipbox-effect-v-flip{transform:rotateX(0)}.nexa-flipbox-back.nexa-flipbox-effect-v-flip{transform:rotateX(-180deg)}.nexa-flipbox:hover .nexa-flipbox-front.nexa-flipbox-effect-v-flip{transform:rotateX(180deg)}.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-v-flip{transform:rotateX(0)}.nexa-flipbox-front.nexa-flipbox-effect-zoom{opacity:1;transform:scale(1)}.nexa-flipbox-back.nexa-flipbox-effect-zoom{opacity:0;transform:scale(.5)}.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-zoom{opacity:1;transform:scale(1)}.nexa-flipbox-back.nexa-flipbox-effect-s-top{top:-100%}.nexa-flipbox-back.nexa-flipbox-effect-s-bottom{top:100%}.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-s-bottom,.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-s-top{top:0}.nexa-flipbox-back.nexa-flipbox-effect-s-left{left:-100%}.nexa-flipbox-back.nexa-flipbox-effect-s-right{left:100%}.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-s-left,.nexa-flipbox:hover .nexa-flipbox-back.nexa-flipbox-effect-s-right{left:0}.nexa-product-title,.nexa-product-title a{margin:0 0 6px 0}.nexa-product-desc{margin:0 0 20px 0}.xzoom-lens img,.xzoom-preview img,.xzoom-source img{display:block;max-width:none;max-height:none}.xzoom-thumb-item{cursor:pointer;float:left}.e .xzoom-gallery,.elementor .xzoom-gallery{display:inline-block;border:1px solid #cecece;width:100%}.e .xzoom,.elementor .xzoom{box-shadow:0 0 5px 0 rgba(0,0,0,.5);margin-bottom:20px}.xzoom-hidden,.xzoom-source{display:block;position:static;float:none;clear:both}.xzoom-preview{border:1px solid #888;box-shadow:0 0 10px rgba(0,0,0,.5)}.xzoom-lens{border:1px solid #555;box-shadow:0 0 10px rgba(0,0,0,.5);cursor:crosshair}.e .xactive,.elementor .xactive{box-shadow:0 0 3px 0 #4aa9d2;border:1px solid #4aaad2}.nexa-login-remember{height:inherit}.nexa-search-form,.nexa-subs-form{overflow:hidden;text-align:center}.nexa-subs-input .nexa-input-field{width:300px}.nexa-search-box .nexa-input-block,.nexa-subs-input .nexa-input-block{display:block;width:100%;float:left}.nexa-search-box .nexa-search-btn.nexa-input-block,.nexa-subs-input .nexa-subs-btn.nexa-input-block{display:inline;width:inherit;margin-left:0}.nexa-error-text,.nexa-subs-error,.nexa-subs-success,.nexa-success-text{display:none;margin:0;padding:0;color:#0a0;text-transform:inherit}.nexa-error-text,.nexa-subs-error{color:#f40}.nexa-process-text,.nexa-subs-process{display:none;margin:0;color:#ccc}.nexa-modal-overlay{position:fixed;height:100%;width:100%;top:0;left:0;display:none;z-index:99999}.nexa-modal-area{position:absolute;width:100%;height:100%;align-items:center;justify-content:center}.nexa-modal-body{overflow-y:auto}.nexa-news-ticker .nexa-nt-left-label,.nexa-news-ticker .nexa-nt-right-label{position:absolute;top:0;left:0;float:left;text-align:center}.nexa-news-ticker .nexa-nt-right-label{left:inherit;right:0}.nexa-news-ticker .nexa-news a{display:block;text-decoration:none;transition:all .4s}.nexa-news:first-child a{border-left:0!important}.nexa-news:last-child a{border-right:0!important}.nexa-particle-layer{position:relative;width:100%;overflow:hidden}.nexa-banner-container{position:relative;z-index:1;margin:0 auto}.nexa-banner-desc>p{margin:0 0 10px 0!important}.nexa-piechart{position:relative;margin:0 auto}.nexa-piechart .nexa-piechart-content{text-align:center}.nexa-content-box-linkable,.nexa-particle,.nexa-piechart .nexa-piechart-content{position:absolute;top:0;left:0;width:100%;height:100%}.nexa-pf-item-4{width:25%;height:300px}.nexa-pf-item-5{width:20%;height:240px}.nexa-pf-grid-sizer{width:16.666667%}.nexa-pf-item-11,.nexa-pf-item-6{width:16.666667%;height:200px}.nexa-pf-item-12{width:16.666667%;height:400px}.nexa-pf-item-21{width:33.333333%;height:200px}.nexa-pf-item-22,.nexa-pf-item-3{width:33.333333%;height:400px}.nexa-pf-item-31{width:50%;height:200px}.nexa-pf-item-32{width:50%;height:400px}.nexa-pf-item-2,.nexa-pf-item-33{width:50%;height:600px}.nexa-portfolio-item-inner{position:relative;width:100%;height:100%;overflow:hidden}.nexa-portfolio-item-inner:hover .nexa-portfolio-overlay{opacity:1}.nexa-portfolio-icons{align-items:center;justify-content:center;width:100%}.nexa-portfolio-content{width:100%}.nexa-portfolio-overlay.nexa-pf-effect-zoom{transform:scale(.1)}.nexa-portfolio-item-inner:hover .nexa-portfolio-overlay.nexa-pf-effect-zoom{transform:scale(1)}.nexa-portfolio-item-inner:hover .nexa-pf-effect-move .nexa-portfolio-desc,.nexa-portfolio-item-inner:hover .nexa-pf-effect-move .nexa-portfolio-link,.nexa-portfolio-item-inner:hover .nexa-pf-effect-move .nexa-portfolio-title,.nexa-portfolio-item-inner:hover .nexa-pf-effect-move .nexa-portfolio-zoom{transform:translate(0)}.nexa-portfolio-link,.nexa-portfolio-zoom{display:inline-block;transition:all .5s}.nexa-pf-effect-move .nexa-portfolio-title{transform:translate(0,-50px)}.nexa-pf-effect-move .nexa-portfolio-desc{transform:translate(0,50px)}.nexa-pf-effect-move .nexa-portfolio-zoom{transform:translate(-50px,0)}.nexa-pf-effect-move .nexa-portfolio-link{transform:translate(50px,0)}.nexa-wpt-content-content .nexa-overlay{opacity:1;background-color:rgba(0,0,0,0);background-image:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.2) 50%,rgba(0,0,0,0) 100%);transition:all .4s}.nexa-wpt-content-content .nexa-overlay:hover{background-color:rgba(0,0,0,.1)}.nexa-wpt-content-content{overflow:hidden;float:right}.nexa-wpt-thumb-content{position:absolute;top:inherit;bottom:0;width:100%;padding:20px 15px;opacity:1}.nexa-wpt-thumb-content p span{margin-right:10px}.nexa-wpt-content .nexa-wpt-post:last-child{border-bottom:0!important}.nexa-wbp-thumb-right .nexa-wbg-thumb,.nexa-wbp-thumb-right .nexa-wbp-content,.nexa-wpt-content-right .nexa-wpt-posts{float:right}.nexa-wpt-title-wraper{align-items:center;padding-right:20px;float:left}.nexa-wpt-content-right .nexa-wpt-title-wraper{padding-left:20px;padding-right:0}.nexa-wpt-title-wraper p{margin-bottom:0}.nexa-wpt-title h3{margin:0;cursor:pointer;transition:all .4s}.nexa-wpt-thumb{overflow:hidden;float:left;cursor:pointer}.nexa-wpt-content-right .nexa-wpt-thumb{padding-right:15px;padding-left:0}.nexa-pricing{text-align:center}.nexa-pricing-body{margin:10px 0 20px;padding:0;list-style:none}.nexa-progressbars .nexa-bar-bg{display:block;width:100%}.nexa-progressbars .nexa-bar-content{width:0;height:100%}.nexa-piechart .nexa-piechart-center,.nexa-progressbars .nexa-bar-percent{width:100%;align-self:center}.nexa-review-item{text-align:center}.nexa-review-carousel .owl-item .nexa-review-face{aspect-ratio: 1;object-fit: cover;object-position: center top;margin:20px auto}.nexa-feed{overflow:hidden;transition:all .4s}.nexa-feed-thumb{position:relative}.nexa-feed-thumb img{width:100%}.nexa-feed-thumb:hover .nexa-overlay{opacity:1}.nexa-feed-thumb .nexa-overlay a{display:block;height:100%}.nexa-feed-thumb .nexa-overlay .nexa-feed-video{display:flex;align-items:center;justify-content:center}.nexa-feed-meta{display:flex}.nexa-feed-meta .nexa-feed-time{margin-right:auto}.nexa-feed-meta .nexa-feed-likes{margin-right:10px}.nexa-table{overflow-x:auto}.nexa-table table{border-collapse:collapse}.nexa-team-social{margin:0;}.nexa-team:hover .nexa-team-overlay{opacity:1}.nexa-team.nexa-team-move .nexa-team-social{margin:0}.nexa-team.nexa-team-move .nexa-team-name,.nexa-team.nexa-team-move .nexa-team-position{transform:translate(0,-50px);transition:all .4s .1s}.nexa-team.nexa-team-move .nexa-team-desc,.nexa-team.nexa-team-move .nexa-team-social{transform:translate(0,50px);transition:all .4s .1s}.nexa-team.nexa-team-move:hover .nexa-team-desc,.nexa-team.nexa-team-move:hover .nexa-team-name,.nexa-team.nexa-team-move:hover .nexa-team-position,.nexa-team.nexa-team-move:hover .nexa-team-social{transform:translate(0)}.nexa-team.nexa-team-zoom .nexa-team-overlay{transform:scale(.1)}.nexa-team.nexa-team-zoom:hover .nexa-team-overlay{transform:scale(1)}.nexa-uc-number,.nexa-uc-text,.nexa-visit-number,.nexa-visit-text{margin:0;display:block}.nexa-video{text-align:center}.elementor-widget-nexa_ext_video{visibility:visible}.nexa-whv-door-h,.nexa-whv-door-v,.nexa-whv-fade,.nexa-whv-slide-b,.nexa-whv-slide-l,.nexa-whv-slide-lb,.nexa-whv-slide-lt,.nexa-whv-slide-r,.nexa-whv-slide-rb,.nexa-whv-slide-rt,.nexa-whv-slide-t,.nexa-whv-zoom{position:relative;z-index:1}.nexa-whv-door-h:before,.nexa-whv-door-v:before,.nexa-whv-fade:before,.nexa-whv-slide-b:before,.nexa-whv-slide-l:before,.nexa-whv-slide-lb:before,.nexa-whv-slide-lt:before,.nexa-whv-slide-r:before,.nexa-whv-slide-rb:before,.nexa-whv-slide-rt:before,.nexa-whv-slide-t:before,.nexa-whv-zoom:before{position:absolute;content:'';z-index:-1;opacity:0;transition:all .4s}.nexa-whv-door-h:hover:before,.nexa-whv-door-v:hover:before,.nexa-whv-fade:hover:before,.nexa-whv-slide-b:hover:before,.nexa-whv-slide-l:hover:before,.nexa-whv-slide-lb:hover:before,.nexa-whv-slide-lt:hover:before,.nexa-whv-slide-r:hover:before,.nexa-whv-slide-rb:hover:before,.nexa-whv-slide-rt:hover:before,.nexa-whv-slide-t:hover:before,.nexa-whv-zoom:hover:before{opacity:1}.nexa-whv-slide-b:before,.nexa-whv-slide-t:before{width:100%;height:0;left:0}.nexa-whv-slide-b:before{bottom:0}.nexa-whv-slide-t:before{top:0}.nexa-whv-slide-b:hover:before,.nexa-whv-slide-t:hover:before{height:100%}.nexa-whv-slide-l:before,.nexa-whv-slide-r:before{width:0;height:100%;bottom:0}.nexa-whv-slide-l:before{left:0}.nexa-whv-slide-r:before{right:0}.nexa-whv-slide-l:hover:before,.nexa-whv-slide-r:hover:before{width:100%}.nexa-whv-slide-lb:before,.nexa-whv-slide-lt:before,.nexa-whv-slide-rb:before,.nexa-whv-slide-rt:before{width:100%;height:100%}.nexa-whv-slide-lb:before{top:100%;left:-100%;transform:rotate(-45deg)}.nexa-whv-slide-rb:before{top:100%;right:-100%;transform:rotate(45deg)}.nexa-whv-slide-lt:before{top:-100%;left:-100%;transform:rotate(45deg)}.nexa-whv-slide-rt:before{top:-100%;right:-100%;transform:rotate(-45deg)}.nexa-whv-slide-lb:hover:before,.nexa-whv-slide-lt:hover:before{top:0;left:0;transform:rotate(0)}.nexa-whv-slide-rb:hover:before,.nexa-whv-slide-rt:hover:before{top:0;right:0;transform:rotate(0)}.nexa-whv-fade:before,.nexa-whv-zoom:before{width:100%;height:100%;left:0;top:0}.nexa-whv-zoom:before{transform:scale(.3)}.nexa-whv-zoom:hover:before{transform:scale(1)}.nexa-whv-door-v:before{width:100%;height:0;top:50%;left:0}.nexa-whv-door-v:hover:before{height:100%;top:0}.nexa-whv-door-h:before{width:0;height:100%;left:50%;top:0}.nexa-whv-door-h:hover:before{width:100%;left:0}.nexa-anim-right-move:hover i{transform:translate(8px)}.nexa-anim-left-move:hover i{transform:translate(-8px)}.nexa-anim-zooming:hover i{animation:nexa-anim-zooming 1s cubic-bezier(.1,.8,.8,1) infinite}.nexa-anim-right-moving:hover i{animation:nexa-anim-right-moving .8s cubic-bezier(.1,.8,.8,1) infinite}.nexa-anim-left-moving:hover i{animation:nexa-anim-left-moving .8s cubic-bezier(.1,.8,.8,1) infinite}.nexa-anim-right-bouncing:hover i{animation:nexa-anim-right-bouncing 1s cubic-bezier(.1,.8,.8,1) infinite}.nexa-anim-left-bouncing:hover i{animation:nexa-anim-left-bouncing 1s cubic-bezier(.1,.8,.8,1) infinite}.nexa-rubber-anim{animation:nexa-rubber-anim 1.5s ease-in infinite}.nexa-scale-anim{animation:nexa-scale-anim 1.5s cubic-bezier(.1,.8,.8,1) infinite}.nexa-wave-anim{position:relative;overflow:visible;z-index:1}.nexa-wave-anim:after{position:absolute;width:100%;height:100%;top:0;left:0;content:'';z-index:-2;animation:nexa-wave-anim 2s ease-in infinite}@keyframes nexa-anim-zooming{0%,100%{transform:scale(1)}30%{transform:scale(1.5)}}@keyframes nexa-anim-right-bouncing{0%{transform:translate(0)}20%{transform:translate(3px,-6px)}40%{transform:translate(6px,6px)}60%{transform:translate(9px,-6px);opacity:1}100%{transform:translate(12px,6px);opacity:0}}@keyframes nexa-anim-left-bouncing{0%{transform:translate(0)}20%{transform:translate(-3px,-6px)}40%{transform:translate(-6px,6px)}60%{transform:translate(-9px,-6px);opacity:1}100%{transform:translate(-12px,6px);opacity:0}}@keyframes nexa-anim-right-moving{0%{transform:translate(0)}60%{opacity:1}100%{transform:translate(12px);opacity:0}}@keyframes nexa-anim-left-moving{0%{transform:translate(0)}60%{opacity:1}100%{transform:translate(-12px);opacity:0}}@keyframes nexa-rubber-anim{0%,100%,45%,70%{transform:scale(1)}15%,40%{transform:scale(1.15,.9)}55%,65%{transform:scale(1.1,.95)}75%{transform:scale(1.05,.97)}}@keyframes nexa-scale-anim{0%,100%{transform:scale(.85)}25%{transform:scale(1.05)}}@keyframes nexa-wave-anim{0%{box-shadow:0 0}60%{box-shadow:0 0 0 25px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes blink_cursor{0%,100%{opacity:1}50%{opacity:0}}@media (max-width:991px){.nexa-portfolio-item{width:50%;height:400px}.nexa-wbp-custom-3,.nexa-wbp-custom-4,.nexa-wbp-custom-5,.nexa-wbp-custom-7,.nexa-wbp-custom-8,.nexa-wbp-custom-9,.nexa-wbp-item-2,.nexa-wbp-item-3,.nexa-wbp-item-4,.nexa-feed-col-2,.nexa-feed-col-3,.nexa-feed-col-4{width:50%}.nexa-wbp-item-1,.nexa-wpt-content .nexa-wpt-posts,.nexa-wpt-content-content{width:100%}}@media (max-width:768px){.nexa-wbp-col{width:calc(100% - 30px)}.nexa-subs-input .nexa-input-field{width:180px}.nexa-contact-input .nexa-input-field,.nexa-subs-input .nexa-input-block{width:100%;margin-left:0}.nexa-contact-input .nexa-contact-btn,.nexa-subs-input .nexa-input-field,.nexa-subs-input .nexa-subs-btn{font-size:14px;line-height:20px}.nexa-contact-input-half{width:100%}.nexa-contact-input-half:last-child{margin:0}.nexa-nt-label-both{display:none}}@media (max-width:540px){.nexa-wbp-custom-12,.nexa-wbp-custom-3,.nexa-wbp-custom-4,.nexa-wbp-custom-5,.nexa-wbp-custom-6,.nexa-wbp-custom-7,.nexa-wbp-custom-8,.nexa-wbp-custom-9,.nexa-wbp-item-1,.nexa-wbp-item-2,.nexa-wbp-item-3,.nexa-wbp-item-4,.nexa-feed-col-2,.nexa-feed-col-3,.nexa-feed-col-4,.nexa-portfolio-item{width:100%}}
.elementor-widget-nexa_ext_contact_info {
visibility: visible !important;
}
.wpcf7-form{
position: relative;
}
.wpcf7-form .wpcf7-spinner {
display: none;
}
.wpcf7-form.submitting .wpcf7-spinner {
display: block;
}
.nexa-wbg-thumb {
width: 100%;
overflow: hidden;
}
.nexa-wbg-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
aspect-ratio: 3 / 2;
}
.nexa-pc-meta span:not(:last-child)::after,
.nexa-posts-meta span:not(:last-child)::after {
content: "|";
padding: 0 5px;
color: currentColor;
opacity: 0.5;
}
.nexa-wbg-thumb .posted-on {
position: absolute;
top: calc(var(--nexa-posts-date-top) + var(--nexa-posts-date-top-position));
left: calc(var(--nexa-posts-date-left) + var(--nexa-posts-date-left-position));
transform: translate(var(--nexa-posts-date-translate-x), var(--nexa-posts-date-translate-y));
}
.nexa-wbg-thumb .posted-on a{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
}
.nexa-carousel, .nexa-slider{
direction:ltr
}
.nexa-carousel .owl-prev, .nexa-slider .owl-prev,
.nexa-carousel .owl-next, .nexa-slider .owl-next {
position: absolute;
padding: 2px 14px 6px;
border: 0;
outline: 0;
font-size: 30px;
text-align: center;
line-height: 30px;
cursor: pointer;
opacity: 0;
transition: all .6s;
}
.nexa-carousel:hover .owl-next, .nexa-slider:hover .owl-next,
.nexa-carousel:hover .owl-prev, .nexa-slider:hover .owl-prev {
opacity: 1;
}
.nexa-carousel .owl-prev, .nexa-slider .owl-prev {
top: calc(var(--nexa-carousel-prev-top) + var(--nexa-carousel-prev-top-position));
left: calc(var(--nexa-carousel-prev-left) + var(--nexa-carousel-prev-left-position));
transform: translate(var(--nexa-carousel-prev-translate-x), var(--nexa-carousel-prev-translate-y));
}
.nexa-carousel .owl-next, .nexa-slider .owl-next {
top: calc(var(--nexa-carousel-next-top) + var(--nexa-carousel-next-top-position));
right: calc(var(--nexa-carousel-next-right) + var(--nexa-carousel-next-right-position));
transform: translate(var(--nexa-carousel-next-translate-x), var(--nexa-carousel-next-translate-y));
}
.nexa-carousel .owl-dot, .nexa-slider .owl-dot {
width: 10px;
height: 10px;
margin: 25px 5px;
padding: 0;
background: 0 0;
border: 1px solid #B8A48D;
border-radius: 10px;
outline: 0;
cursor: pointer;
transition: all .25s;
}
.nexa-carousel .owl-dot.active, .nexa-slider .owl-dot.active{
width:20px
}
.nexa-banner-slider .owl-dots{
position:absolute;
bottom:0;
width:100%
}
/* =========================
Service Card
========================= */
.nexa-service-menu .nexa-service-item {
position: relative;
display: block;
transition: all 0.35s ease;
overflow: hidden;
}
.nexa-service-menu .nexa-service-item {
transition: transform 0.35s ease, box-shadow 0.35s ease;
}
/* Hover Animation */
.nexa-service-menu .nexa-service-item:hover {
transform: translateY(var(--hover-translate)) scale(var(--hover-scale));
}
.nexa-service-menu .nexa-service-item::before {
content:'';
position:absolute;
inset:0;
z-index:0;
transition: background 0.35s ease;
}
/* =========================
Service item
========================= */
.nexa-service-menu .nexa-service-item {
border-bottom: 1px solid #eee;
padding: 20px 0;
}
.nexa-service-menu .nexa-service-item:last-child {
border-bottom: none;
}
.nexa-service-menu .nexa-service-link {
position: relative;
display: block;
color: inherit;
text-decoration: none;
z-index: 1;
}
.nexa-service-menu .nexa-service-head {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.nexa-service-menu .service-left {
display: flex;
align-items: center;
gap: 10px;
white-space: nowrap;
}
.nexa-service-menu .service-icon {
font-size: 18px;
color: #c7a27c;
display: inline-flex;
}
.nexa-service-menu .service-title {
font-size: 18px;
font-weight: 600;
margin: 0;
}
.nexa-service-menu .service-separator {
flex-grow: 1;
display: flex;
align-items: center;
}
.nexa-service-menu .service-separator::before {
content: "";
display: block;
width: 100%;
border-top: 1px solid #ccc;
}
.nexa-service-menu .service-value {
font-size: 18px;
font-weight: 600;
color: #c7a27c;
white-space: nowrap;
}
.nexa-service-menu .nexa-service-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
gap: 15px;
}
.nexa-service-menu .service-desc {
font-size: 14px;
color: #666;
line-height: 1.6;
}
.nexa-service-menu .service-arrow {
font-size: 16px;
color: #c7a27c;
transition: transform 0.3s ease;
}
/* Hover Effects */
.nexa-service-menu .nexa-service-link:hover .service-arrow {
transform: translateX(5px);
}
.nexa-service-menu .nexa-service-link:hover .service-title {
color: #c7a27c;
}
/*------ Device Mockup ----------*/
.nexa-device-mockup{
position:relative;
margin:auto;
}
.nexa-device-mockup .nexa-frame{
width:100%;
display:block;
position:relative;
z-index:2;
}
.nexa-device-mockup .nexa-screen{
position:absolute;
overflow:hidden;
z-index:1;
transition: transform 0.5s ease;
}
.nexa-device-mockup .nexa-screen video,
.nexa-device-mockup .nexa-screen img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.nexa-device-mockup .nexa-screen img{
height:auto;
transition: transform 5s ease;
}
/*------ Review Carousel ----------*/
.nexa-left-top .nexa-review-member,
.nexa-left-bottom .nexa-review-member {
display: flex;
text-align: left;
align-items: center;
}
.nexa-left-top .nexa-review-meta {
margin-left: 30px;
}
.nexa-review-position {
position: relative;
color: #acacac;
}
.nexa-review-comment {
position: relative;
}
.nexa-middle .nexa-review-comment:before,
.nexa-bottom .nexa-review-comment:before,
.nexa-left-bottom .nexa-review-comment:before {
z-index: 0;
position: absolute;
content: "";
width: 30px;
height: 30px;
left: 26px;
bottom: -59px;
transform: rotate(45deg);
transition: 0.5s;
}
.nexa-bottom .nexa-review-comment:before,
.nexa-middle .nexa-review-comment:before{
left: 48.6%;
}
@media (min-width: 768px) {
.nexa-review-item.nexa-left {
display: flex;
align-items: center;
}
.nexa-left .nexa-review-member {
width: 40%;
}
.nexa-left .nexa-review-content {
width: 60%;
}
}
/* -------- marquee -------- */
.nexa-marquee-wrap {
position: relative;
overflow: hidden;
width: 100%;
}
.nexa-marquee-wrap.vertical .nexa-marquee-track {
display: flex;
flex-wrap: nowrap;
will-change: transform;
}
.nexa-marquee-wrap.vertical .nexa-marquee-track {
flex-direction: column;
}
.nexa-marquee-wrap.vertical .nexa-marquee {
height: 200px; /* REQUIRED for vertical */
}
/* -------- MARQUEE CONTAINER -------- */
.nexa-marquee {
display: flex;
flex-wrap: nowrap;
will-change: transform;
white-space: nowrap;
}
/* HORIZONTAL GAP */
.nexa-marquee-wrap.horizontal .marquee-item {
margin-right: 24px; /* default gap, can override with item_gap control */
}
/* VERTICAL GAP */
.nexa-marquee-wrap.vertical .marquee-item {
margin-bottom: 16px; /* default vertical gap, can override */
}
/* -------- MARQUEE ITEM -------- */
.nexa-marquee .marquee-item, .marquee-item a{
display: inline-flex;
align-items: center;
gap: 12px;
font-weight: 600;
white-space: nowrap;
}
.nexa-marquee .marquee-image img {
display: block;
width: 100%;
height: auto;
}
.nexa-marquee .marquee-icon i,
.nexa-marquee .marquee-icon svg {
display: block;
}
/* -------- OPTIONAL STYLING -------- */
.nexa-marquee .marquee-text {
display: inline-block;
}
.nexa-marquee a {
text-decoration: none;
color: inherit;
}
/* Hover effect for link */
.marquee-item a:hover .marquee-text {
opacity: 0.8;
}
/* PAUSE ON HOVER */
.nexa-marquee:hover {
animation-play-state: paused;
}
/*--------- Hotspot ----------*/
.nexa-hotspot-wrap{position:relative;display:inline-block}
.nexa-hotspot{position:absolute;width:20px;height:20px;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);z-index:5}
.nexa-hotspot::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(0,169,130,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.6);opacity:0}}
.nexa-hotspot .hotspot-tooltip{
--nexa-tooltip-bg:#111;
--nexa-tooltip-arrow-size:10px;
--nexa-tooltip-arrow-color:var(--nexa-tooltip-bg);
position:absolute;
left:50%;
bottom:calc(100% + 12px);
transform:translateX(-50%) translateY(10px);
background:var(--nexa-tooltip-bg);
color:#fff;
padding:10px 14px;
border-radius:4px;
opacity:0;
pointer-events:none;
transition:.25s;
white-space:nowrap;
}
.nexa-hotspot.show-tooltip .hotspot-tooltip{
opacity:1;
transform:translateX(-50%) translateY(0);
}
.nexa-hotspot .hotspot-tooltip.arrow-yes::before{
content:"";
position:absolute;
width:0;height:0;
left:50%;
top:100%;
transform:translateX(-50%);
border-left:10px solid transparent;
border-right:10px solid transparent;
border-top:10px solid var(--nexa-tooltip-arrow-color);
}
/*--------- Others ----------*/
.nexa-icon {
font-family: "FontAwesome" !important;
}
.nexa-col {
position: relative;
float: left;
transition: all 0.4s;
}
.nexa-block{
display: block;
}
.nexa-modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
}
.nexa-modal-close-icon:hover,
.nexa-modal-close-icon {
padding: 0;
margin: 0;
background: transparent;
}
.nexa-modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
}
.nexa-content{
display:inline-block;
transition:all .5s
}
.nexa-wbg-thumb .nexa-wbp-cats {
position: absolute;
top: 15px;
left: 15px;
}
.aos-init{
opacity: 0;
transition:all .5s !important;
}
.aos-init.aos-animate {
opacity: 1;
}
.nexa-title .subtitle {
display: inline-flex;
}
/* Effect */
.nexa-title .nexa-effect {
width: 50px;
height: 50px;
top: 0;
position: absolute;
opacity: 0.5;
animation: process-rotation 12.8s steps(1) 0s infinite;
}
.nexa-title .nexa-effect .bar-top {
width: 100%;
height: 7px;
position: absolute;
top: 0;
left: 0;
transform-origin: left top;
transform: scale(0, 1);
animation: bar-top 3.2s linear 0s infinite;
}
.nexa-title .nexa-effect .bar-right {
width: 7px;
height: 100%;
position: absolute;
top: 0;
right: 0;
transform-origin: left top;
transform: scale(1, 0);
animation: bar-right 3.2s linear 0s infinite;
}
.nexa-title .nexa-effect .bar-bottom {
width: 100%;
height: 7px;
position: absolute;
right: 0;
bottom: 0;
transform-origin: right top;
transform: scale(0, 1);
animation: bar-bottom 3.2s linear 0s infinite;
}
.nexa-title .nexa-effect .bar-left {
width: 7px;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
transform-origin: left bottom;
transform: scale(1, 0);
animation: bar-left 3.2s linear 0s infinite;
}
/*--rotation--*/
@keyframes process-rotation {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(90deg);
}
50% {
transform: rotate(180deg);
}
75% {
transform: rotate(270deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes bar-top {
0% {
transform: scale(0, 1);
}
12.5% {
transform: scale(1, 1);
}
87.5% {
transform: scale(1, 1);
}
100% {
transform: scale(0, 1);
}
}
@keyframes bar-right {
0% {
transform: scale(1, 0);
}
12.5% {
transform: scale(1, 0);
}
25% {
transform: scale(1, 1);
}
75% {
transform: scale(1, 1);
}
87.5% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 0);
}
}
@keyframes bar-bottom {
0% {
transform: scale(0, 1);
}
25% {
transform: scale(0, 1);
}
37.5% {
transform: scale(1, 1);
}
62.5% {
transform: scale(1, 1);
}
75% {
transform: scale(0, 1);
}
100% {
transform: scale(0, 1);
}
}
@keyframes bar-left {
0% {
transform: scale(1, 0);
}
37.5% {
transform: scale(1, 0);
}
50% {
transform: scale(1, 1);
}
62.5% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 0);
}
}
.nexa-effect-1,
.nexa-image-effect-1 figure {
position: relative;
overflow: hidden;
}
.nexa-effect-1:after,
.nexa-image-effect-1 figure:after{
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255,255,255,.3);
transform: translate(-50%,-50%) rotate(-45deg);
z-index: 1;
}
.nexa-effect-1:hover:after,
.nexa-image-effect-1 figure:hover:after{
height: 250%;
transition: all 600ms linear;
background-color: transparent;
}
.nexa-effect-2,
.nexa-image-effect-2 figure {
position: relative;
overflow: hidden;
}
.nexa-effect-2::before,
.nexa-image-effect-2 figure::before {
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.nexa-effect-2:hover::before,
.nexa-image-effect-2 figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.nexa-effect-3,
.nexa-image-effect-3 figure {
position: relative;
overflow: hidden;
}
.nexa-effect-3::before,
.nexa-image-effect-3 figure::before {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
content: '';
width: 0;
height: 0;
background: rgba(255,255,255,.2);
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.nexa-effect-3:hover::before,
.nexa-image-effect-3 figure:hover::before {
-webkit-animation: circle .75s;
animation: circle .75s;
}
@-webkit-keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
@keyframes circle {
0% {
opacity: 1;
}
40% {
opacity: 1;
}
100% {
width: 200%;
height: 200%;
opacity: 0;
}
}
.nexa-hor-moving {
-webkit-animation: horizontalAnimation 4s infinite alternate;
animation: horizontalAnimation 3s infinite alternate;
}
.nexa-ver-moving {
-webkit-animation: verticalAnimation 4s infinite alternate;
animation: verticalAnimation 3s infinite alternate;
}
.nexa-scale-moving {
animation: scaleAnimation 4s ease-in-out infinite alternate;
}
.nexa-zoom-in-out {
animation: zoomAnimation 4s ease-in-out infinite alternate;
}
.nexa-spin {
animation: spinAnimation 4s linear infinite;
}
.nexa-marquee-left {
transform: translateX(100%);
animation: marqueeLeft 30s linear infinite /* infinite make reapeat the animation indefinitely */;
}
.nexa-marquee-right {
transform: translateX(100%);
animation: marqueeRight 30s linear infinite /* infinite make reapeat the animation indefinitely */;
}
.nexa-marquee-group {
min-width: 100%;
animation: marqueeGroup 10s linear infinite;
animation-delay: calc(10s / -2);
}
@keyframes horizontalAnimation {
from {
transform: translateX(-10%);
left: 0;
}
to {
left: 10%;
transform: translateX(10%);
}
}
@-webkit-keyframes horizontalAnimation {
0% { transform: translateX(0); }
100% { transform: translateX(100px); }
}
@keyframes horizontalAnimation {
0% { transform: translateX(0); }
100% { transform: translateX(100px); opacity:0.8;}
}
@-webkit-keyframes verticalAnimation {
0% { transform: translateY(0); }
100% { transform: translateY(100px); }
}
@keyframes verticalAnimation {
0% { transform: translateY(0); }
100% { transform: translateY(100px); opacity:0.8;}
}
@keyframes scaleAnimation {
0% {
transform: scale(0, 0);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes zoomAnimation {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.5, 1.5);
}
100% {
transform: scale(1, 1);
}
}
@keyframes spinAnimation {
100% {
transform: rotate(360deg);
}
}
@keyframes marqueeLeft {
from { transform: translateX(-100%); }
}
@keyframes marqueeRight {
to { transform: translateX(-100%); }
}
@keyframes marqueeGroup {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - 10px));
}
}
/* Zoom circle anim */
.nexa-zoom-anim {
display: inline-block;
background-color: transparent;
-webkit-animation: zoom-anim 2.3s infinite ease-in-out;
-moz-animation: zoom-anim 2.3s infinite ease-in-out;
-ms-animation: zoom-anim 2.3s infinite ease-in-out;
-o-animation: zoom-anim 2.3s infinite ease-in-out;
animation: zoom-anim 2.3s infinite ease-in-out;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
@-moz-keyframes zoom-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-webkit-keyframes zoom-circle-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@-o-keyframes zoom-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
@keyframes zoom-anim {
0% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
50% {
transform: rotate(0) scale(1) skew(1deg);
opacity: .2
}
100% {
transform: rotate(0) scale(.7) skew(1deg);
opacity: .2
}
}
/* Ring circle anim */
.nexa-ring-anim {
display: inline-block;
-webkit-animation: ring-anim 1s infinite ease-in-out;
-moz-animation: ring-anim 1s infinite ease-in-out;
-ms-animation: ring-anim 1s infinite ease-in-out;
-o-animation: ring-anim 1s infinite ease-in-out;
animation: ring-anim 1s infinite ease-in-out;
}
@-moz-keyframes ring-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes ring-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@-o-keyframes ring-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
@keyframes ring-anim {
0% {
transform: rotate(0) scale(1) skew(1deg)
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
20% {
transform: rotate(25deg) scale(1) skew(1deg)
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg)
}
40% {
transform: rotate(25deg) scale(1) skew(1deg)
}
50% {
transform: rotate(0) scale(1) skew(1deg)
}
100% {
transform: rotate(0) scale(1) skew(1deg)
}
}
/* ------------------------
How It Work
------------------------*/
.nexa-process {
position: relative;
display: flex;
flex-wrap: wrap;
transition: all 0.35s;
}
.nexa-process .nexa-process-icon-wrapper {
position: relative;
display: inline-block;
margin-bottom: 20px;
}
.nexa-process .nexa-process-num {
display: inline-block;
font-weight: 600;
right: 0;
line-height: 55px;
position: absolute;
text-align: center;
top: 0;
}
.nexa-process .nexa-process-icon {
position: relative;
line-height: 140px;
text-align: center;
color: #1c1d3e;
}
.nexa-process .nexa-process-icon span {
position: relative;
}
.nexa-process .nexa-process-icon span::after,
.nexa-process .nexa-process-icon span::before {
content: "";
position: absolute;
}
.nexa-process #nexa-svg-container {
position: absolute;
width: 100%;
left: 52%;
z-index: 0;
transform: translateX(-50%);
width: 100%;
}
.nexa-process #nexa-svg-container #svgC {
margin: 0 auto;
width: 100%;
}
/* ------------------------
nexa-box-loader
------------------------*/
.nexa-process .nexa-process-loader {
position: absolute;
margin: 0 auto;
top: 30%;
right: -8%;
border-radius: 100%;
left: inherit;
}
.nexa-process .nexa-process-loader span {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
margin: 0 5px;
opacity: 0;
}
.nexa-process .nexa-process-loader span:nth-child(1) {
animation: opacitychange 1s ease-in-out infinite;
}
.nexa-process .nexa-process-loader span:nth-child(2) {
animation: opacitychange 1s ease-in-out 0.33s infinite;
}
.nexa-process .nexa-process-loader span:nth-child(3) {
animation: opacitychange 1s ease-in-out 0.66s infinite;
}
/*--opacitychange--*/
@keyframes opacitychange {
0%,
100% {
opacity: 0;
}
60% {
opacity: 1;
}
}
/* responsive */
@media (max-width: 1200px) {
.nexa-process #nexa-svg-container {
width: 85%;
}
}
@media (max-width: 1024px) {
/*Step*/
.nexa-process .nexa-process-loader {
display: none;
}
.nexa-process #nexa-svg-container {
width: 100%;
transform: rotate(90deg);
left: 0;
top: 50%;
}
}
/* ===== Timeline Wrapper ===== */
.nexa-timeline {
position: relative;
width: 100%;
}
/* ===== Vertical Timeline ===== */
.nexa-timeline.nexa-vertical {
display: flex;
flex-direction: column;
position: relative;
}
/* Center line */
.nexa-timeline.nexa-vertical .timeline-item::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 2px;
background: #ddd;
transform: translateX(-50%);
z-index: 1;
}
.nexa-timeline.nexa-vertical .timeline-item.right::before {
left: 0;
}
/* Timeline Item */
.nexa-timeline.nexa-vertical .timeline-item {
display: flex;
width: 50%;
position: relative;
}
.nexa-timeline.nexa-vertical .timeline-item.left {
justify-content: flex-end;
padding-right: 40px;
text-align: right;
padding-bottom: 30px;
}
.nexa-timeline.nexa-vertical .timeline-item.right {
margin-left: 50%;
padding-left: 40px;
text-align: left;
padding-bottom: 30px;
}
/* Timeline Icon */
.nexa-timeline.nexa-vertical .timeline-icon {
position: absolute;
top: 0;
left: 100%;
transform: translate(-50%, 0);
background: #fff;
border: 2px solid #222;
width: 42px;
height: 42px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.nexa-timeline.nexa-vertical .timeline-item.right .timeline-icon {
left: 0;
transform: translate(-50%, 0);
}
.nexa-timeline.nexa-vertical .timeline-icon::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #2f8f83;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
/* Timeline Content */
.nexa-timeline.nexa-vertical .timeline-content {
background: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
/* Content Image */
.nexa-timeline.nexa-vertical .timeline-image {
overflow: hidden;
margin-bottom: 15px;
}
.nexa-timeline.nexa-vertical .timeline-image img {
width: 100%;
display: block;
height: auto;
object-fit: cover;
border-radius: inherit; /* uses Elementor control */
}
/* Text */
.nexa-timeline.nexa-vertical .timeline-date {
font-size: 13px;
opacity: 0.6;
}
.nexa-timeline.nexa-vertical .timeline-title {
margin: 8px 0;
font-size: 18px;
}
.nexa-timeline.nexa-vertical .timeline-desc {
font-size: 14px;
line-height: 1.6;
}
/* Animations */
.nexa-timeline.nexa-vertical .timeline-item {
transition: all 0.6s ease;
}
.nexa-timeline.nexa-vertical.nexa-left .timeline-item.anim-slide-left { transform: translateX(-50px); }
.nexa-timeline.nexa-vertical.nexa-right .timeline-item.anim-slide-right { transform: translateX(50px); }
.nexa-timeline.nexa-vertical .timeline-item.anim-zoom-in { transform: scale(0.8); }
.nexa-timeline.nexa-vertical .timeline-item.is-visible { opacity: 1; transform: none; }
/* Only Left / Right Overrides */
.nexa-timeline.nexa-vertical.nexa-left .timeline-item.left { width: 100%; margin-left: 40px; }
.nexa-timeline.nexa-vertical.nexa-right .timeline-item.right { width: 100%; margin-left: 40px; }
/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
.nexa-timeline.nexa-vertical {
display: flex;
flex-direction: column;
}
.nexa-timeline.nexa-vertical .timeline-item {
justify-content: flex-start !important;
width: 100%;
margin-left: 22px;
padding: 15px 0;
text-align: left;
}
.nexa-timeline.nexa-vertical .timeline-item::before {
left: 0;
}
.nexa-timeline.nexa-vertical .timeline-item .timeline-icon {
position: relative;
left: 0 !important;
transform: translateX(-50%);
margin-bottom: 10px;
}
.nexa-timeline.nexa-vertical::before {
left: 50%;
}
}
.elementor-invisible {
visibility: visible !important;
}
/* ===============================
Horizontal Timeline Wrapper
================================ */
.nexa-timeline.nexa-horizontal {
position: relative;
display: flex;
justify-content: space-between;
padding: 100px 40px;
}
/* ===============================
Main Horizontal Line
================================ */
.nexa-timeline.nexa-horizontal .timeline-item::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #2f8f83;
transform: translateY(-50%);
z-index: 1;
}
/* ===============================
Timeline Item
================================ */
.nexa-timeline.nexa-horizontal .timeline-item {
position: relative;
flex: 1;
text-align: center;
z-index: 2;
}
/* ===============================
Number / Icon Circle
================================ */
.nexa-timeline.nexa-horizontal .timeline-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 44px;
height: 44px;
border-radius: 50%;
background: #fff;
border: 2px solid #2f8f83;
color: #ff8c2b;
font-weight: 600;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
}
/* ===============================
Connector Dot Behind Icon
================================ */
.nexa-timeline.nexa-horizontal .timeline-icon::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
background: #2f8f83;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
/* ===============================
Timeline Content (Top / Bottom)
================================ */
@media (min-width: 768px) {
.nexa-timeline.nexa-horizontal .timeline-item.left .timeline-content {
display: flex;
flex-direction: column;
}
.nexa-timeline.nexa-horizontal .timeline-item.left .timeline-date {
order: 3;
}
.nexa-timeline.nexa-horizontal .timeline-item.left .timeline-title {
order: 2;
}
.nexa-timeline.nexa-horizontal .timeline-item.left .timeline-desc {
order: 1;
}
}
.nexa-timeline.nexa-horizontal .timeline-item.left .timeline-content {
position: absolute;
bottom: calc(50% + 35px);
left: 50%;
transform: translateX(-50%);
width: 220px;
text-align: center;
}
.nexa-timeline.nexa-horizontal .timeline-item.right .timeline-content {
position: absolute;
top: calc(50% + 35px);
left: 50%;
transform: translateX(-50%);
width: 220px;
text-align: center;
}
/* ===============================
Small Vertical Connector Line
================================ */
.nexa-timeline.nexa-horizontal .timeline-item.left::after,
.nexa-timeline.nexa-horizontal .timeline-item.right::after {
content: "";
position: absolute;
left: 50%;
width: 2px;
height: 30px;
background: #2f8f83;
transform: translateX(-50%);
}
.nexa-timeline.nexa-horizontal .timeline-item.left::after {
bottom: 50%;
}
.nexa-timeline.nexa-horizontal .timeline-item.right::after {
top: 50%;
}
/* ===============================
Text Styling
================================ */
.nexa-timeline.nexa-horizontal .timeline-title {
font-size: 15px;
font-weight: 600;
color: #2f8f83;
margin-bottom: 6px;
}
.nexa-timeline.nexa-horizontal .timeline-desc {
font-size: 13px;
line-height: 1.6;
color: #555;
}
.nexa-timeline.nexa-horizontal .timeline-date {
font-size: 12px;
color: #e44;
margin-top: 6px;
display: block;
}
/* ===============================
Mobile Responsive
================================ */
@media (max-width: 768px) {
.nexa-timeline.nexa-horizontal {
flex-direction: column;
padding: 40px 20px;
}
.nexa-timeline.nexa-horizontal .timeline-item::before {
top: 0;
bottom: 0;
left: 0;
right: auto;
width: 2px;
height: auto;
transform: translateX(-50%);
}
.nexa-timeline.nexa-horizontal .timeline-item {
padding-left: 40px;
}
.nexa-timeline.nexa-horizontal .timeline-icon {
top: 0;
left: 0;
transform: translate(-50%, 0);
}
.nexa-timeline.nexa-horizontal .timeline-item.left .timeline-content,
.nexa-timeline.nexa-horizontal .timeline-item.right .timeline-content {
position: static;
transform: none;
width: 100%;
text-align: left;
}
.nexa-timeline.nexa-horizontal .timeline-item.left::after,
.nexa-timeline.nexa-horizontal .timeline-item.right::after {
display: none;
}
}