/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1758697157
Updated: 2025-09-24 06:59:17

*/

html {  scroll-behavior: auto;}
p {margin-bottom:10px;}
/*btn-shinning*/
span.elementor-button-text {  color: #ffffff70; /* Adjust this color to change intensity/style */  background: linear-gradient(    120deg,    rgba(255, 255, 255, 0) 40%,    rgba(255, 255, 255, 0.8) 50%,    rgba(255, 255, 255, 0) 60%  );  background-size: 200% 100%;  -webkit-background-clip: text;  background-clip: text;  display: inline-block;  animation: passthrough 5s linear infinite;  transition:all 300ms ease;}
a.elementor-button.elementor-button-link:hover span.elementor-button-text {color:#000000;   transition:all 300ms ease;}
@keyframes passthrough {  0% {    background-position: 100%;  }  100% {    background-position: -100%;  }}

/*home-Solutions*/
/*btn - Solution btn - al-solution-btn*/
.al-solution-btn .elementor-button .elementor-button-content-wrapper {    justify-content: space-between !important;}
.al-solution-btn span.elementor-button-icon {    transform: rotate(90deg); padding:25px; background:#111; transition: all 300ms linear;}
.al-solution-btn a.elementor-button {    min-height: 500px;    display: flex;    flex-direction: column;    justify-content: flex-end; position:relative; z-index:2;}
.al-solution-btn span.elementor-button-content-wrapper {    background: #111; transition: all 300ms linear; align-items: center; min-height:55px;}
.al-solution-btn span.elementor-button-text{  padding: 0 18px;}
.al-solution-btn span.elementor-button-icon svg {width:12px;}
/*solutions hover*/
.al-solution-btn:hover a.elementor-button.elementor-button-link span.elementor-button-content-wrapper {    background: #fff;    transition: background 300ms linear;}
.al-solution-btn:hover a.elementor-button.elementor-button-link span.elementor-button-text {color:#111; transition: all 300ms linear;}
.al-solution-btn:hover a.elementor-button.elementor-button-link span.elementor-button-icon {background:#F28C29; transition: all 300ms linear;}

/*A&L solution class product-container-one*/
div.product-container-one figure.elementor-image-box-img a {    display: flex;    justify-content: center;    position: absolute;    width: 100%;    min-height: 600px;    top: 10px;    padding-top: 2em;}
div.product-container-one figure.elementor-image-box-img {    width: 134% !important;}
div.product-container-one {    position: relative; transition:all 300ms linear;}
div.product-container-one:after {    content: '';    position: absolute;  width: 100%;    left: 0;    top: 0;    height: 100%;    border-radius: 15px;    backdrop-filter: grayscale(1);    transition: all 300ms linear;    z-index: 0; opacity:1;}
div.product-container-one .elementor-image-box-wrapper { /* padding:20px;*/  display: flex;    flex-direction: column-reverse;   transition:all 300ms linear; align-items: center;  z-index: 1;}
div.product-container-one .elementor-widget-button {transform: translate(20px,-20px);}
div.product-container-one figure.elementor-image-box-img{    transform: scale(0.77);    transition: transform 300ms linear;    z-index: 1;    height: 600px;    position: absolute;    top: 0;}
div.product-container-one .elementor-image-box-content {    text-align: left;  z-index: 1; transition:all 300ms linear;}
div.product-container-one h3.elementor-image-box-title, h3.elementor-image-box-title a {    width: 100%;    display: block;    padding: 8px 10px 5px;}
div.product-container-one p.elementor-image-box-description {    padding: 0px 20px;}
div.product-container-one .elementor-widget-button {z-index: 1; opacity:0; transition:all 300ms linear;}

/*hover*/
div.product-container-one:hover .elementor-widget-button{opacity:1; transition:all 300ms linear;}
div.product-container-one:hover figure.elementor-image-box-img{transform:scale(0.85);  transition:transform 300ms linear;}
div.product-container-one:hover:after { opacity:0; transition:all 300ms linear;}

/*home-cta - cta-section*/
.cta-section .hfe-infocard {    display: flex;    flex-direction: column;    min-height: 250px;    justify-content: space-between;}
.cta-section a.elementor-button-link.elementor-button {    height: 50px;    width: 50px;}
.cta-section a.elementor-button-link.elementor-button:hover {    background-color: #111111;}
.cta-section.premium-wrapper-link-yes.elementor-widget.elementor-widget-hfe-infocard {    transition: all ease 300ms;}
.cta-section.premium-wrapper-link-yes.elementor-widget.elementor-widget-hfe-infocard:hover a.elementor-button-link.elementor-button.elementor-size-sm {
    transition: all ease 300ms;    background-color:#111111;}
/*swiper*/
.swiper-pagination-bullet {    height: 2px !important;    width: 50px !important;    border-radius: 0; }
.elementor-widget-n-carousel .swiper-pagination-bullet {background: #5c5c5c!important;}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {    background: #F28C29!important;}
/*hotspot*/
.e-hotspot__button {grid: 1fr / 1fr;    justify-items: start;}
.e-hotspot__button:before, .e-hotspot:not(.e-hotspot--circle) .e-hotspot__button {background:transparent !important;}
.mapanimate div.e-hotspot .e-hotspot__label {color: var(--e-global-color-04da939);order:0; animation: upup cubic-bezier(0.8, 0.27, 1, 1) forwards; animation-delay:1.8s; animation-duration:.5s; transform:translateY(0);opacity:0;}
.mapanimate div.e-hotspot .e-hotspot__icon {    order: 1; animation:upupi  cubic-bezier(0.8, 0.27, 1, 1) forwards; animation-duration:.5s; animation-delay:2s; opacity:0;transform:translateY(0);}
#almap {  transition: all 0.6s ease-in-out;}
@keyframes upup {  from {transform:translateY(0px); opacity:0;} to{transform:translateY(-8px); opacity:1;}}
@keyframes upupi {  from {transform:translateY(0px); opacity:0;} to{transform:translateY(-8px); opacity:1;}}
/*map-images*/
.mapanimate.map-img img {clip-path:inset(0 0 0 0);animation:thepath 3s  linear forwards;opacity: 0; transition: clip-path 0.8s ease, opacity 0.8s ease;}
@keyframes thepath {from{clip-path:inset(0 125% 0 0);}to {clip-path:inset(0 0 0 0); opacity: 1;}
}



/*a&l-button - al-square*/
.al-square span.elementor-button-icon svg {    width: 6px;}
/*parner-logo*/
.partner-logo .swiper-wrapper{transition-timing-function:linear !important;}
.partner-logo .swiper:before {content:'';position:absolute;left:0;top:0;height:100%;width: 10%;background-image: linear-gradient(90deg, #111111 40%, #1110);z-index: 2;}
.partner-logo .swiper:after { content:''; position:absolute; right:0; top:0;height:100%;width: 10%;background-image: linear-gradient(270deg, #111111 40%, #1110);z-index: 2; }

/*banner-animation - al-home-imgtwo, al-home-imgone*/
.al-home-imgtwo {  overflow:none; animation: alPulse 5500ms cubic-bezier(.46,.03,.52,.96) infinite; transform: scale(1); animation-delay:1.2s;}
.al-home-imgone {  overflow:none; animation: alPulse2 5000ms cubic-bezier(.46,.03,.52,.96) infinite; transform: scale(.95); animation-delay:1s;}
@keyframes alPulse {   0% {transform:scale(1); opacity: :1;}  50% {transform:scale(1.1); opacity:0.2;}  100% {transform:scale(1);opacity: 1;}   }
@keyframes alPulse2 {    0% {transform:scale(.95); opacity: :1;}  50% {transform:scale(1.05); opacity:0.1;}  100% {transform:scale(.95);opacity: 1;} }

/*the square - al-square*/
.al-square .e-font-icon-svg.e-fas-square-full {animation:rollit 8s cubic-bezier(.3,-0.38,.61,1.29) infinite; transform: rotate(0deg); animation-delay: 2s; }


@keyframes rollit {
  from,to {}
  0%, 15% {transform:rotate(0deg);}
  15, 25% {transform:rotate(90deg);}
  25%, 35% {transform:rotate(90deg);}
  35, 50% {transform:rotate(180deg);}
  50%, 60% {transform:rotate(180deg);}
  60%, 75% {transform:rotate(270deg);}
  75%, 85% {transform:rotate(270deg);}
  85%, 100% {transform:rotate(360deg);}
}

/*btn-animation*/
.al-square .elementor-button:hover .e-font-icon-svg.e-fas-square-full { animation-play-state: paused;  transition: 500ms all;}
.al-solution-btn.elementor-widget.elementor-widget-button {background-size:calc(115% + 5em); background-repeat:no-repeat;background-position:center; transition:800ms all ease;}
.al-solution-btn.elementor-widget.elementor-widget-button:hover {background-size:160%;  transition:10s all ease-in-out;}
.al-solution-btn.elementor-widget.elementor-widget-button:after {    content: '';    position: absolute;    top: 0;    height: 550px;    backdrop-filter: grayscale(1);    z-index: 0;    width: 100%;
   transition: all 300ms linear;    background-blend-mode: luminosity;}
.al-solution-btn.elementor-widget.elementor-widget-button:hover::after {    opacity: 0;  transition: all 300ms linear;}

/*contact-form*/
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-bottom: 1px solid #ffffff66 !important;}
/*label*/
#forminator-module-1327.forminator-design--material .forminator-label[class*="forminator-floating-"] {padding-left:15px; color:#fff;}
#forminator-module-1327.forminator-design--material .forminator-textarea {    border: none;}
/*submitbutton*/
.forminator-button-submit {background-color: #ffffff;    color: #f28c29;   padding: 10px 40px;    border-radius: 8px !important;}
button.forminator-button.forminator-button-submit span {    font-family: 'Spline Sans Mono';    text-transform: uppercase;    font-size: 12px;    letter-spacing: 1px;}
button.forminator-button.forminator-button-submit.al-square:before {
    content: '';    position: absolute;    left: 12px;    width: 5px;    height: 5px;    background: #f28c29;    top: 45%; animation:rollit 8s cubic-bezier(.3,-0.38,.61,1.29) infinite; transform: rotate(0deg); animation-delay: 2s;}
button.forminator-button.forminator-button-submit.al-square:hover::before{ animation-play-state: paused;  transition: 500ms all;}


/*reach-us*/
.al-office .e-n-tabs-heading {    --n-tabs-heading-width: 23% !important;}


/*blog-ui*/
.blog-wrp:hover .blog-post-button, .blog-wrp a:hover .blog-post-button {    background-color: #111111 !important;    transition: all 300ms ease;}
.blog-wrp {transition: all 300ms ease;}


/*responsive*/
@media only screen and (max-width:1260px) {
		
/*solution-btn*/
.al-solution-btn.elementor-widget.elementor-widget-button {	background-size: calc(120% + 10em);}
.al-solution-btn.elementor-widget.elementor-widget-button:hover {background-size:calc(120% + 15em);}
	
}