/**

 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor child theme
 */

:root {
  --color-success: #009400;
  --transition-cb: all .2s cubic-bezier(.4, 0, .2, 1) 0ms;
  --gap-form: 20px;
}


/* Custome keyframes css */
/* .fadeIn,
.fadeInDown,
.fadeInLeft,
.fadeInRight,
.fadeInUp,
.zoomIn {
  transition: opacity, transform ease 1.25s;
  animation: ease 1.25s;
} */

@keyframes myFadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeIn {
  animation-name: myFadeIn !important;
}

@keyframes myFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -10%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInDown {
  animation-name: myFadeInDown !important;
}

@keyframes myFadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInLeft {
  animation-name: myFadeInLeft !important;
}

@keyframes myFadeInRight {
  from {
    opacity: 0;
    transform: translate3d(10%, 0, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInRight {
  -webkit-animation-name: myFadeInRight !important;
  animation-name: myFadeInRight !important;
}

@keyframes myFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.fadeInUp {
  animation-name: myFadeInUp !important;
}

@keyframes myZoomIn {
  from {
    opacity: 0;
    transform: scale3d(.9, .9, .9)
  }

  50% {
    opacity: 1
  }
}

.zoomIn {
  animation-name: myZoomIn !important;
}

/* VMD */

.my_product_images_wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.my_product_feature_img {
  transition: ease all 500ms;
}

.my_product_hover_img {
  z-index: 1;
  position: absolute;
  opacity: 0;
  width: 100%;
  transition: ease all 500ms;
  left: 0;
  top: 0;
}

.my_product_images_wrap:hover .my_product_feature_img {
  opacity: 0;
}

.my_product_images_wrap:hover .my_product_hover_img {
  opacity: 1;
}

.product-cat-accordion {
  --padding: 24px;
}

.product-cat-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* .product-cat-accordion li {
  margin: 10px 0;
} */

.product-cat-accordion .category-toggle {
  cursor: pointer;
  font-weight: 400;
  color: var(--e-global-color-text);
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  display: flex;
}

.product-cat-accordion .category-toggle.active {
  color: var(--e-global-color-93c0e47);
}

.product-cat-accordion h4 a {
  font-weight: 500 !important;
}

.product-cat-accordion .btn-push-minus svg {
  position: absolute;
}

.product-cat-accordion li.active .btn-push-minus svg:first-child {
  display: none !important;
}

/* 
.product-cat-accordion li .btn-push-minus svg:first-child {
  display: block;
} */

.product-cat-accordion li h4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-cat-accordion li h4 .accordion-content ul li:not(:last-child) {
  margin-bottom: 8px;
}

.product-cat-accordion span.btn-push-minus {
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

ul.product-cat-accordion li h4 {
  margin-top: 0;
}

ul.product-cat-accordion li:not(:first-child) {
  border-top: 1px solid #C2C8CF;
  padding-top: var(--padding);
}

ul.product-cat-accordion li ul {
  padding-top: calc(var(--padding)/2);
}

ul.product-cat-accordion li:not(:first-child) li {
  border-top: none;
}

ul.product-cat-accordion li h4 {
  margin: 0;
}

.elementor-shortcode>.product-cat-accordion>li {
  padding-bottom: var(--padding);
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

#product-list.active .item-prod {
  pointer-events: none;
}

#product-list.active .my_product_images_wrap::before,
.content-change-about .e-con.loading-skeleton::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#product-list.active .my_product_images_wrap img,
.content-change-about .e-con.loading-skeleton * {
  opacity: 0;
  color: transparent !important;
}

#product-list.active .my_product_images_wrap::before,
#product-list.active h5,
#load-more.active,
.content-change-about .elementor-widget-text-editor.loading-skeleton,
.content-change-about .e-con.loading-skeleton::before {
  display: block;
  content: '';
  background: linear-gradient(110deg, #bd955117 2%, #f7f4f1 18%, #bd955117 33%);
  background-size: 200% 100%;
  animation: 1s shine linear infinite;
  border-color: transparent;
  color: transparent;
  pointer-events: none;
}


.parent-pageid-34 .media-menu .elementor-item:after,
.parent-pageid-6757 .media-menu .elementor-item:after {
  background-color: var(--e-global-color-accent) !important;
  opacity: 1 !important;
}


.parent-pageid-6757 .elementor-nav-menu--main .elementor-item path,
.parent-pageid-34 .media-menu .elementor-item path {
  fill: transparent !important;
}

.histories-img>.history-img-item {
  visibility: hidden;
}

/*Hover show border*/

.tu-giac {
  --clip: polygon(21% 0px, 100% 0px, 79% 100%, 0px 100%);
  clip-path: var(--clip);
  -webkit-clip-path: var(--clip);
  transition: all .5s ease-out;
}

.tu-giac:hover {
  transform: translateX(20px);
  box-shadow: 1px 1px 1px 1px red;
}

.tu-giac:hover+.border-tu-giac {
  opacity: 1;
}

.border-tu-giac * {
  visibility: hidden;
}

.border-tu-giac .elementor-widget-html {
  visibility: visible !important;
}

.border-tu-giac {
  background: transparent !important;
  transition: all .5s ease-out;
  opacity: 0;
  transform: translate3d(-4px, 15px, 0);
  z-index: 1 !important;
}

.my-border {
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0;
  left: 0;
  border-top: 1px var(--e-global-color-primary) solid;
  border-bottom: 1px var(--e-global-color-primary) solid;
  z-index: 1;
}

.my-border:after {
  content: '';
  width: 1px;
  height: 109%;
  background: var(--e-global-color-primary);
  position: absolute;
  left: 10.5%;
  transform: rotate(16.2deg);
  top: -3.8%;
}

.my-border:before {
  content: '';
  width: 1px;
  height: 113%;
  background: var(--e-global-color-primary);
  position: absolute;
  right: 11%;
  transform: rotate(16.3deg);
  top: -4%;
}

@media (max-width: 1024px) {
  .product-cat-accordion {
    --padding: 12px;
  }

  .product-cat-accordion .btn-push-minus svg {
    width: 12px;
    height: 12px;
  }

  .certifications-slider .swiper {
    --h: 374px;
    --w: 242px;
  }
}

/* ul.product-cat-accordion li.active h4 {
  margin-bottom: 0;
} */

/* .product-cat-accordion li.active span.btn-push-minus   */


/* .product-cat-accordion */
/* custome padding layout laptop */
@media (min-width: 1024px) and (max-width: 1600px) {
  .elementor-element.e-con-full.e-flex.e-con.e-parent:not(.slider-banner-home) {
    /* --padding-left: 10px;
    --padding-right: 10px; */
  }

  .elementor-element.e-con-full.e-flex.e-con.e-parent>.elementor-element.e-con-full.e-flex.e-con.e-child {
    /* --padding-left: 0;
    --padding-right: 0; */
  }

  header .elementor-nav-menu--main li>a {
    font-size: 16.5px !important;
  }

  header .e-parent .e-con-inner>.e-con.e-child {
    --gap: 30px 30px !important;
  }

  header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a {
    margin-inline-start: auto !important;
  }

  .certifications-slider .swiper {
    --h: 674px;
    --w: 446px;
  }
}

.histories-img .history-img-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.histories-list .slick-arrow {
  display: none !important;
}

.histories-menu .history-menu-item {
  z-index: 1;
}

.histories-menu .history-menu-item[data-index="1"] .menu-dot,
.histories-menu .history-menu-item[data-index="3"] .menu-dot {
  background-color: #C97F7E !important;
}

@media (max-width: 767px) {
  .certifications-slider .swiper {
    max-width: 100% !important;
  }

  .certifications-slider .swiper-slide:not(.swiper-slide-active) {
    height: var(--h) !important;
  }

  .certifications-slider .swiper {
    --h: 450px;
  }

  .certifications-slider .swiper-slide {
    width: 90% !important;
    transition: all .3s ease-in !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

  .certifications-slider .swiper-slide:not(.swiper-slide-active)::before,
  .certifications-slider .swiper-slide:not(.swiper-slide-active) img {
    top: 12% !important;
  }

  .certifications-slider .swiper-button.swiper-button-prev {
    left: 0 !important;
  }
}

.elementor-element-edit-mode.ui-resizable::before {
  display: none;
}




@media (max-width: 967px) {
  .histories-list .history-item {
    width: 50%;
  }
}