/*============= DARK MODE CSS AREA ===============*/
.light-mode {
  --ztc-bg-bg-1: #fff;
  --ztc-dark-bg-bg-2:rgba(6, 29, 30, 0.10);
  --ztc-text-text-1: #0E161F;
  --ztc-text-text-2: #fff;
  --ztc-border-border-1:rgba(6, 29, 30, 0.20);
  --ztc-bg-sticky-bg: #fff;
  --ztc-bg-bg2: rgba(6, 29, 30, 0.05);
  --ztc-border-border-2: rgba(6, 29, 30, 0.10);
  --ztc-border-border-3: #0E161F;
  --ztc-bg-bg3: rgba(6, 29, 30, 0.05);
}

.light-mode .vl-btn1:hover img {
  filter: none;
}
.light-mode .main-hero-area {
  background-image: url(../img/all-images/bg/bg2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.light-mode .hamburger_menu img {
  filter: brightness(0);
}
.light-mode .personal-contact-box ul li a img {
  filter: brightness(0);
}
.light-mode .list-group a img {
  filter: brightness(0);
}
.light-mode .arrow a img {
  filter: brightness(0);
}
.light-mode .main-btn-area a:hover {
  color: var(--ztc-text-text-1) !important;
}
.light-mode .about-boxes2 img {
  filter: brightness(0);
}
.light-mode .about-others-box ul li a img {
  filter: brightness(0);
}
.light-mode .skill-boxarea .icons {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(100px);
          backdrop-filter: blur(100px);
}
.light-mode .skill-boxarea .icons .Wordpress {
  filter: brightness(0);
}
.light-mode .contact-section-area .contact-boxarea .input-area input {
  border-radius: 8px;
  background: rgba(6, 29, 30, 0.1);
}
.light-mode .contact-section-area .contact-boxarea .input-area textarea {
  border-radius: 8px;
  background: rgba(6, 29, 30, 0.1);
}
.light-mode video {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.light-mode video.body-overlay {
  opacity: 10%;
  visibility: visible !important;
  width: 100%;
}

/*============= DARK MODE CSS AREA ENDS===============*/