/*
Theme Name: Hello Elementor Child
Author: Hello Elementor
Author URI: https://wordpress.com
Description: Child Theme for Hello Elementor
Template: hello-elementor
Version: 1
*/


*{padding:0;margin:0;}
*,*:after,*:before{box-sizing:inherit}
* {
  scrollbar-width: thin;
  scrollbar-color: #ccc #eee;
}
*::-webkit-scrollbar {
  width: 8px;
}
*::-webkit-scrollbar-track {
  background: #eee;
}
*::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 20px;
  border: 2px solid #eee;
}
html{box-sizing:border-box} 
html{font-size: 10px;}
input[type="tel"] {
/* 	text-align: right; */
}
b, strong {
	font-weight: 600;
}
ul, ol {
	list-style-position: inside;
}

/*header*/

.logo-title .elementor-widget.elementor-widget {
	line-height: 1.25;
}
.logo-title .elementor-widget {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.8s ease;
}

.logo-title .elementor-widget.show {
    opacity: 1;
    transform: translateY(0);
}

.loader {
    display: none;
    width: 40px;
    height: 40px;
    margin: 20px auto;
    border: 4px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    border-top: 4px solid #333;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.elementor-widget-animated-headline .elementor-headline span {
	display: inline;
}
.icon-call .elementor-icon-list-icon, .icon-social .elementor-icon-list-icon {
	padding: 8px;
	border-radius: 50%;
	background-color: var( --e-global-color-3acc7da );
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	transition: 0.2s all ease-in-out;
}
.icon-call .elementor-icon-list-icon svg , .icon-social .elementor-icon-list-icon svg {
	margin: 0 !important;
} 
.icon-call .elementor-icon-list-icon:hover, .icon-social .elementor-icon-list-icon:hover {
	background-color: var( --e-global-color-accent );
}
.icon-call .elementor-icon-list-icon:hover svg , .icon-social .elementor-icon-list-icon:hover svg {
	filter: brightness(0) invert(1);
} 

.icon-social .elementor-icon-list-icon {
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.icon-lang .elementor-icon-list-text {
	padding: 8px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	background-color: var( --e-global-color-358d252 );
	display: flex !important;
	margin: 0 5px;
	transition: 0.5s all ease-in-out;
}
.icon-lang .elementor-icon-list-text:hover {
	background-color: var( --e-global-color-f3c4c98 );
}


/*main*/
.slider-left , .slider-right {
	top: calc(50% - 7.5rem) !important;
}
.btn-bold .elementor-button-icon {
	transform: scale(1.5);
}
.color-white .elementor-icon-list-text , .color-white * {
	color: #fff !important;
}
.color-white a[href^="tel"] , .color-white a[href^="tel"] * {
color: #fff !important;
text-decoration: none !important;
}
.elementor-testimonial__text {
	text-align: justify;
}
.line-bottom .swiper-slide {
	overflow: unset;
}
.line-bottom .swiper-slide > .elementor-element::after {
	content: "";
	width: 70%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	background-image: radial-gradient(at center center, var( --e-global-color-primary ) 0%, #FFFFFF00 70%);
	margin: 0 auto;
	opacity: 0;
	transition: 0.3s all ease-in-out;
}
.line-bottom .swiper-slide > .elementor-element:hover::after {
	opacity: 1;
}

.logo-brand .swiper-slide > .elementor-element::after { 
	bottom: 9px;
}

.logo-brand .elementor-widget-image {
	background-color: var( --e-global-color-3acc7da );
  padding: 20px 20px 20px 20px;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
	transition: 0.3s all ease-in-out;
	 box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.07);
}
.logo-brand .elementor-widget-image:hover {
	  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.14);
}
.logo-brand2 .elementor-widget-image {
	padding: 10px 7px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	width: 2.5rem !important;
	border-radius: 5rem;
}
.elementor-widget-n-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-prev {
/* 	left: calc(var(--e-n-carousel-arrow-prev-left-align) + var(--e-n-carousel-arrow-prev-left-position) - 0.5em); */
	top: calc(var(--e-n-carousel-arrow-prev-top-align) + var(--e-n-carousel-arrow-prev-top-position) - var(--e-n-carousel-arrow-prev-caption-spacing) + 0.3em);
}
.elementor-widget-n-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-next {
/* 	right: calc(var(--e-n-carousel-arrow-next-right-align) + var(--e-n-carousel-arrow-next-right-position) - 0.5em); */
	top: calc(var(--e-n-carousel-arrow-next-top-align) + var(--e-n-carousel-arrow-next-top-position) - var(--e-n-carousel-arrow-next-caption-spacing) + 0.3em);
}

.elementor-widget-reviews .elementor-testimonial__image + cite {
	justify-content: center;
}

.h-full {
height: 100%
}
.pos-relative {
	position: relative;
}

.box-form {
	position: relative;
}
.box-form::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: var( --e-global-color-primary );
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: rotate(-3deg);
	z-index: -1;
}


/* HTML: <div class="inner-curve"></div> */
.inner-curve-right {
  --r: 20px;  /* control the rounded part */
  --s: 40px;  /* control the size of the cut */
  --a: 20deg; /* control the depth of the curvature */
  --p: 50%;   /* control the position */

  width: 200px;
  aspect-ratio: 2/3;
/*   background: var( --e-global-color-accent ); */
  border-radius: var(--r);
  --_m:,#000 calc(100% - 1px),#0000;
  --_r:var(--r) at calc(100% - var(--r));
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--_r) calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--_r) calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at calc(100% + sin(var(--a))*var(--s)) var(--p),
      #0000 100%,#000 calc(100% + 1px)) calc(var(--r)*(sin(var(--a)) - 1)) 0 no-repeat,
    linear-gradient(#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
}


/* HTML: <div class="inner-curve"></div> */
.inner-curve-left {
  --r: 20px;  /* control the rounded part */
  --s: 40px;  /* control the size of the cut */
  --a: 20deg; /* control the depth of the curvature */
  --p: 50%;   /* control the position */

  width: 200px;
  aspect-ratio: 2/3;
/*   background: var( --e-global-color-accent ); */
  border-radius: var(--r);
  --_m:,#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at var(--r) calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at var(--r) calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at calc(-1*sin(var(--a))*var(--s)) var(--p),
      #0000 100%,#000 calc(100% + 1px)) calc(var(--r)*(1 - sin(var(--a)))) 0 no-repeat,
    linear-gradient(#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
}


/* HTML: <div class="inner-curve"></div> */
.inner-curve-top {
  --r: 20px;  /* control the rounded part */
  --s: 40px;  /* control the size of the cut */
  --a: 20deg; /* control the depth of the curvature */
  --p: 50%;   /* control the position */

  height: 200px;
  aspect-ratio: 3/2;
/*   background: var( --e-global-color-accent ); */
  border-radius: var(--r);
  --_m:var(--r),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
}


/* HTML: <div class="inner-curve"></div> */
.inner-curve-bottom {
  --r: 20px;  /* control the rounded part */
  --s: 40px;  /* control the size of the cut */
  --a: 20deg; /* control the depth of the curvature */
  --p: 50%;   /* control the position */

  height: 200px;
  aspect-ratio: 3/2;
/*   background: var( --e-global-color-accent ); */
  border-radius: var(--r);
  --_m:calc(100% - var(--r)),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(100% + sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(sin(var(--a)) - 1)) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
}


#cat-curve {
	height: 260px;
	display: flex;
	justify-content: end;
	flex-direction: column;
}
.tag-link a {
	display: inline-block;
}
#cat-curve > .elementor-widget-image {
	height: 100%;
	border-radius: 25px;
}

.shop_attributes {
  --wd-attr-v-gap:10px;
  --wd-attr-h-gap:10px
	  border-radius: 10px;
  overflow: hidden;
}
.shop_attributes th {
  margin-left:0
}
.shop_attributes tr {
  border-bottom:0
}
.woocommerce-product-attributes-item__label {
  width:200px;
  padding:15px!important;
  border-radius:0 5px 5px 0;
  justify-content:center;
	border-left: 0 !important;
  border-right: 0 !important;
}
.woocommerce-product-attributes-item__value {
  width:calc(100% - 200px);
  padding: 7px 15px!important;
  text-align:left!important;
  border-bottom:1px dashed #ccc!important;
	border-left: 0 !important;
  border-right: 0 !important;
}
.shop_attributes tr:nth-child(2n) .woocommerce-product-attributes-item__label {
  background-color:#D7E7DC
}
.shop_attributes tr:nth-child(2n+1) .woocommerce-product-attributes-item__label {
  background-color:#EFF3F7;
	width: 250px;
}
.woocommerce-product-attributes-item--attribute_pa_brand .woocommerce-product-attributes-item__value {
  font-weight:700;
  color:var(--e-global-color-accent)
}

@media(max-width:767px) {
	.slider-left , .slider-right {
	top: calc(50% - 6rem) !important;
}
	.elementor-menu-toggle .elementor-menu-toggle__icon--open {
		position: relative;
		top: 2px;
	}
	.h-full {
		height: auto;
	}
	.h-full-m {
		height: 100%;
	}
	#cat-curve {
		height: 200px;
	}
	#cat-curve > a {
		height: 200px;
	}
	.gform-theme--foundation .gf_page_steps {
		flex-direction: column;
	}
	.tab-careers .e-n-tabs-heading {
	display: flex !important;
	flex-direction: row;
}
	.tab-careers .e-n-tab-title {
	min-width: 45% !important;
	margin: 0 !important;
}
}

.e-n-tab-title {
	min-width: 27rem;
}

/*new*/

.btn-animation {
	cursor: pointer;
}
.btn-animation .elementor-button-content-wrapper {
	position: relative;
}

.btn-animation .elementor-button-text {
	margin-right: 1rem !important;
	margin-left: 2.5rem !important;
	transition: 0.5s all ease-in-out;
}
.btn-animation:hover .elementor-button-text {
	margin-left: 1rem !important;
	margin-right: 2.5rem !important;
}

.btn-animation .elementor-button-icon {
  position: absolute;
  left: 0.5rem;
  right: auto;
  opacity: 1;
	transform: scale(1.4);
}

.btn-animation:hover .elementor-button-icon {
  animation: moveForward 0.5s ease both;
}

.btn-animation:not(:hover) .elementor-button-icon {
  animation: moveBack 0.58s ease both;
}

@keyframes moveForward {
  0% {
    left: 0.5rem;
    opacity: 1;
  }
  50% {
    left: 50%;
    opacity: 0;
  }
  100% {
    left: calc(100% - 1.5rem);
    opacity: 1;
  }
}

@keyframes moveBack {
  0% {
    left: calc(100% - 1.5rem);
    opacity: 1;
  }
  50% {
    left: 50%;
    opacity: 0;
  }
  100% {
    left: 0.5rem;
    opacity: 1;
  }
}


.gform-theme--foundation .gform_fields {
	grid-row-gap: 17px !important;
	row-gap: 17px !important;
}
.gfield input[type="date"], .gfield input[type="email"], .gfield input[type="number"], .gfield input[type="password"], .gfield input[type="search"], .gfield input[type="tel"], .gfield input[type="text"], .gfield input[type="url"], .gfield input[type="file"], .gfield select, .gfield textarea {
background-color: #ffffff !important;
  border-color: var( --e-global-color-6a6f995 ) !important;
  border-width: 1px 1px 1px 1px !important;
  border-radius: 20px 20px 20px 20px !important;
	width: 100% !important;
	box-shadow: none !important;
}
body input[type="submit"].button , body input[type="button"].button , body button.button {
	background-color: var( --e-global-color-accent ) !important;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload) .gform_drop_area::before {
	color: var( --e-global-color-accent ) !important;
}
@media (min-width: 640px) {
  .gform-theme--foundation .gfield--width-quarter.gfield--input-type-datepicker {
    grid-column: span 4;
  }
}

body .gform_button {
	border-radius: 20px !important;
}
body .gform_button:hover {
}
body .gform-theme-button {
	border-radius: 20px !important;
}

.woo-cat-accordion ul { list-style:none; margin:0;}
.woo-cat-item { margin-bottom:10px; }
.woo-cat-title { display:flex;cursor:pointer; gap:10px}
.woo-cat-title img.woo-cat-icon { width:20px; height:20px;}
.woo-cat-link { flex-grow:1; text-decoration:none; }
.woo-cat-toggle { margin-left:8px; cursor:pointer; font-weight:bold; }
.woo-cat-children {	display: none;padding-right: 10px;border-right: 2px solid #eee;}
.woo-cat-item.open > .woo-cat-children { display:block; }
.woo-cat-title a{color:var( --e-global-color-text );font-size:1.2rem;line-height: 1.5;}
.woo-cat-title a:hover{color:var( --e-global-color-primary );}

.elementor-widget-theme-post-content li p, .woocommerce-Tabs-panel--description li p {
	display: inline;
}