/*
Theme Name: Danco Vision
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Danco Vision
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Official Danco Vision Theme.
Version: 1.0
*/

/* Header */
.current-menu-ancestor > a,
.current-menu-ancestor > a span path {
  color: #8e0d86 !important;
  fill: #8e0d86 !important;
}
.current-menu-ancestor > a:after {
  opacity: 1 !important;
}
.elementor-location-header .e-con-inner,
.elementor-location-header .logo img {
  transition: 0.3s;
}
.scrolled.elementor-location-header .e-con-inner {
  padding: 15px 0 !important;
}
.scrolled.elementor-location-header .elementor-sticky--active {
  box-shadow: 4px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.scrolled.elementor-location-header .logo img {
  width: 200px !important;
}
/* End of Header */

/* Menu */
.has-submenu .sub-arrow svg {
  transition: 0.4s ease-in-out;
}
.menu-item-has-children:hover .sub-arrow svg {
  transform: rotate(-180deg);
}
/* End of Menu */

/* Button */
.elementor-field-type-submit .elementor-button,
.danco-btn-primary .elementor-button-wrapper,
.danco-btn-outline-primary .elementor-button-wrapper {
  display: flex;
  justify-content: center;
}
.elementor-field-type-submit .elementor-button,
.danco-btn-primary a,
.danco-btn-outline-primary a {
  overflow: hidden;
  position: relative;
  transition: 0.5s all;
  z-index: 1;
}
.elementor-field-type-submit .elementor-button::before,
.danco-btn-primary a::before,
.danco-btn-outline-primary a::before {
  position: absolute;
  content: "";
  width: 1000px;
  height: 700px;
  z-index: -1;
  border-radius: 50%;
}
.elementor-field-type-submit .elementor-button::before,
.danco-btn-primary a::before {
  background-color: #8e0d86;
}
.danco-btn-outline-primary a::before {
  background-color: #fff;
}
.elementor-field-type-submit .elementor-button:hover,
.danco-btn-primary a:hover {
  color: #fff !important;
}
.danco-btn-outline-primary a:hover {
  color: #8e0d86 !important;
}
.elementor-field-type-submit .elementor-button:before,
.danco-btn-primary a:before,
.danco-btn-outline-primary a:before {
  top: 100%;
  left: 100%;
  transition: 0.5s all;
}
.elementor-field-type-submit .elementor-button:hover::before,
.danco-btn-primary a:hover::before,
.danco-btn-outline-primary a:hover::before {
  top: -150%;
  left: -150%;
}
/* Buttons */

/* Homepage */
.thumbnail-img {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
}
.text-mask-video {
  height: 140px;
}
.logo-galerie img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all 0.5s;
}
.logo-galerie img:hover {
  filter: inherit !important;
}
.opacity video {
  opacity: 0.5;
}
.blend-mode img {
  mix-blend-mode: multiply !important;
}
.elementor-counter-title {
  text-align: center;
}

.noutati-container {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.noutati-container img {
  width: 100%;
  display: block;
  filter: grayscale(100%) brightness(50%); /* Makes it black & white and darker */
  transition: filter 0.5s ease-in-out;
}

.noutati-container:hover img {
  filter: grayscale(0%) brightness(100%); /* Restores color and brightness on hover */
}
/* End of Homepage */

/* FAQ Section */
.faq-section .e-n-accordion {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.faq-section .e-n-accordion-item {
  border: 1px solid #e1e1e1;
  background-color: #fff;
  box-shadow: 0px 2px 4px 0px #00000011;
  border-radius: 30px;
  transition: 0.3s;
  /* padding: 30px; */
}
.faq-section .e-n-accordion-item[open] {
  background-color: #f5f5f5;
}
/* End of FAQ Section */

/* BG Video Section */
#bg-video-section {
  position: relative;
}
#bg-video-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #241124; /* Example background */
  mix-blend-mode: hue !important;
  z-index: 2; /* Ensure it's above the video */
}
/* End fo BG Video Section */

/* Animation */
.animated-text {
  opacity: 0;
  display: inline-block;
  transform: translateY(20px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.animated-text.visible {
  opacity: 1;
  transform: translateY(0);
}
/* Animation */

/* Cards */
.cards .card {
  transition: 0.3s;
}
.cards .card:hover {
  transform: scale(1.01, 1.01);
  z-index: 10;
}

.cards:hover .card:not(:hover) {
  filter: blur(4px) !important;
  transform: scale(0.98, 0.98) !important;
}
/* Cards */

/* Portfolio */
.portolio-box .portfolio-img,
.portolio-box .portfolio-description {
  transition: 0.5s;
}
.portolio-box:hover .portfolio-img {
  transform: translateY(30px);
}
.portolio-box:hover .portfolio-description {
  transform: translateY(-20px);
}
/* End of Portfolio */