/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.footer-title h6.elementor-heading-title {
    position: relative;
    padding-bottom: 7px;
}
.footer-title h6.elementor-heading-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: var(--e-global-color-accent);
    -webkit-box-shadow: 9px 0 0 0 currentColor, 18px 0 0 0 currentColor;
    box-shadow: 9px 0 0 0 currentColor, 18px 0 0 0 currentColor;
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
}
.footer-title h6.elementor-heading-title:before {
    content: "";
    position: absolute;
    background: var(--e-global-color-accent);
    border-radius: 2px;
    background-color: var(--e-global-color-accent);
    left: 27px;
    top: 100%;
    height: 4px;
    width: 30px;
}
.elementor-widget-call-to-action .elementor-cta .elementor-cta__bg.elementor-bg {
    background-position: left 10px center;
}
.elementor-widget-call-to-action.elementor-bg-transform-zoom-in:hover .elementor-bg{
    transform: scale(1.1);
}
.e-n-accordion details.e-n-accordion-item {
    border-radius:7px;
}
.e-n-accordion details.e-n-accordion-item[open]{
    box-shadow:0 5px 23px 0 rgba(0,0,0,0.15);
} 
.hover-tabs .e-n-tab-title .e-n-tab-title-text{
     flex-direction: column;
     align-items: start;
     color: var(--e-global-color-text);
     font-weight: 400;
     text-transform: none;
}
.elementor-widget-testimonial-carousel .swiper-slide::before{
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:3em;
    color:var( --e-global-color-primary );
    opacity:0.2;
    position:absolute;
    right:25px;
    bottom:35px;
}
.elementor-widget-testimonial-carousel  .elementor-swiper-button{
    color: var(--e-global-color-a291686);
    background-image: linear-gradient(150deg, var(--e-global-color-accent) 0%, var(--e-global-color-primary) 100%);
    border-radius:7px;
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.elementor-widget-testimonial-carousel  .elementor-swiper-button:hover{
    background-image: linear-gradient(150deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 100%);
}
.elementor-element.main-header{
    transition: top 0.3s;
}
.main-header.active-header {
    /* background-color: rgba(23, 23, 23, .65); */
    background-color:#0f172abf;
    backdrop-filter: blur(8px);
    border-bottom: 1px solid #0f172a;
}
.dialog-lightbox-widget .dialog-close-button.dialog-lightbox-close-button{
    width: 43px;
    height: 43px;
    background: #fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.dialog-lightbox-widget .dialog-close-button.dialog-lightbox-close-button:hover{
    background-color: var(--e-global-color-accent);
}
.dialog-lightbox-widget .dialog-close-button.dialog-lightbox-close-button:hover i{
    color: #fff;
}
.elementor-form .elementor-field-type-acceptance .elementor-field-option,
.elementor-form .elementor-field-type-radio .elementor-field-option{
    display: flex;
    align-items: center;
    gap: 10px;
}
.elementor-form .elementor-field-type-acceptance .elementor-field-option input.elementor-field,
.elementor-form .elementor-field-type-radio .elementor-field-option input{
    width: 17px;
    height: 17px;
}
.cus-preloader {
    display: flex;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.75);
    justify-content: center;
    align-items: center;
	z-index:99999;
}
.cus-preloader img{
	width:100%;
	max-width:270px;
	margin:0 auto;
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}


.rotation-icon .elementor-icon svg{
    animation: rotation 5s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.zoom-in-out .elementor-icon svg{
  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.85, 0.85);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.85, 0.85);
  }
}
.ani-example .elementor-icon svg{
  animation: 2s linear 0s infinite normal none running example;}
@keyframes example {
    0%   {left:0px; top:0px;}
  25%  {left:5px; top:0px;}
  50%  {left:5px; top:5px;}
  75%  {left:0px; top:5px;}
  100% {left:0px; top:0;}
}


.example-zoom-in-out .elementor-icon svg{
  animation: 3s linear 0s infinite normal none running example-zoom-in-out;}
@keyframes example-zoom-in-out {
  0% {
	  transform: scale(0.85, 0.85) rotate(0deg);
  }
  100% {
    transform: scale(1,1) rotate(360deg);;
  }
}
.txt-primary{
	color:var( --e-global-color-primary );
}

@keyframes alternating-rotation {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(-15deg); }
  100% { transform: rotate(15deg); } 
}
.rotate-clockwise .elementor-icon svg {
  display: inline-block;
  animation: alternating-rotation 3s infinite alternate ease-in-out;
}
@keyframes shudder {
  0% { transform: translateX(0); }
  20% { transform: translateX(-5px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(-5px); }
  80% { transform: translateX(5px); }
  100% { transform: translateX(0); }
}

.shudder-effect .elementor-icon svg{
  display: inline-block;
  animation: shudder 3s infinite linear;
}



@media (max-width:992px){
	.elementor-widget-nav-menu .elementor-menu-toggle .elementor-menu-toggle__icon--open{
/*     	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" fill="%23fff" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M19,5H0V3H19v2ZM0,21H19v-2H0v2ZM5,11v2H24v-2H5Z"/></svg>'); */
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		background-size: 20px;
	}	
	.hover-tabs .e-n-tabs{
    display: block !important;
}

}