.light-mode {
  --template-bg: #ffffff;
  --template-color: #060606;
  --tertiary-color: #00654e;
  --quaternary-color: #ece3e3;
  --senary-color: #d9cfcf;
  background-color: var(--white);
  height: 100%;
}
.light-mode h1,
.light-mode h2,
.light-mode h3,
.light-mode h4,
.light-mode h5,
.light-mode h6 {
  color: var(--template-color);
}
.light-mode .text-white {
  color: var(--template-color) !important;
}
.light-mode .primary-text {
  color: var(--template-color);
}
.light-mode .input-single input,
.light-mode .input-single textarea,
.light-mode .input-single .select {
  color: var(--template-color);
}
.light-mode .input-single input::placeholder,
.light-mode .input-single textarea::placeholder,
.light-mode .input-single .select::placeholder {
  color: var(--template-color);
}
.light-mode .select::after {
  border-color: var(--template-color);
}
.light-mode .select .current {
  color: var(--template-color);
}
.light-mode .neutral-text {
  color: rgba(27, 27, 27, 0.8509803922);
}
.light-mode .cursor-outer.cursor-big {
  background-color: var(--template-bg);
}
.light-mode .btn-primary .btn-text,
.light-mode .btn-primary .btn-icon {
  color: var(--white);
}
.light-mode .btn-primary:hover .btn-text,
.light-mode .btn-primary:hover .btn-icon {
  color: var(--template-color);
}
.light-mode .btn--tertiary {
  color: var(--template-color);
}
.light-mode .btn--tertiary:hover {
  color: var(--white);
}
.light-mode .btn-anim {
  border-color: var(--template-color);
  color: var(--template-color);
}
.light-mode .btn-anim:hover {
  color: var(--white);
  border-color: var(--secondary-color);
}
.light-mode .social a {
  color: var(--template-color);
}
.light-mode .social a:hover {
  color: var(--secondary-color);
}
.light-mode .header .navbar__item a {
  color: var(--template-color);
}
.light-mode .header .navbar__item a:hover {
  color: var(--secondary-color);
}
.light-mode .header .navbar__item .dropdown-label-alter::before {
  border-bottom-color: var(--black);
}
.light-mode .header .navbar__item--has-children:hover > .navbar__dropdown-label {
  color: var(--secondary-color);
}
.light-mode .header .navbar__sub-menu .active > a {
  color: var(--secondary-color);
}
.light-mode .header .active > .navbar__dropdown-label,
.light-mode .header .active > a {
  color: var(--secondary-color);
}
.light-mode .header .mega-menu li > a {
  color: #705c5c;
}
.light-mode .header .mega-menu li:hover > a {
  color: var(--template-color);
}
.light-mode .header .mega-menu .active > a {
  color: var(--template-color);
}
.light-mode .header .open-offcanvas-nav span {
  background-color: var(--black);
}
.light-mode .mobile-menu .navbar__item a {
  color: var(--black);
}
.light-mode .mobile-menu .navbar__item a:hover {
  color: var(--secondary-color);
}
.light-mode .mobile-menu .active > .navbar__dropdown-label,
.light-mode .mobile-menu .active > a {
  color: var(--secondary-color);
}
.light-mode .mobile-menu .navbar__list > li > a,
.light-mode .mobile-menu .navbar__list > li button {
  border-bottom: 1px solid rgba(52, 36, 36, 0.25);
}
.light-mode .mobile-menu .navbar__list > li:nth-of-type(2) {
  border-top: 1px solid rgba(52, 36, 36, 0.25);
}
.light-mode .mobile-menu .navbar__item--has-children .navbar__dropdown-label::after {
  border-inline-start: 1px solid rgba(52, 36, 36, 0.25);
}
.light-mode .mobile-menu .navbar__item--has-children:hover > .navbar__dropdown-label-sub {
  color: var(--secondary-color) !important;
}
.light-mode .mobile-menu .navbar__item--has-children:hover > .navbar__dropdown-label-sub:hover {
  color: var(--secondary-color) !important;
}
.light-mode .mobile-menu .navbar__sub-menu a,
.light-mode .mobile-menu .navbar__sub-menu button {
  color: var(--black);
  border-bottom: 1px solid rgba(52, 36, 36, 0.25);
}
.light-mode .mobile-menu .navbar__sub-menu li:nth-last-of-type(1) a,
.light-mode .mobile-menu .navbar__sub-menu li:nth-last-of-type(1) button {
  border-bottom: 1px solid rgba(52, 36, 36, 0.25);
}
.light-mode .mobile-menu .navbar__sub-menu .navbar__item--has-children > a:hover {
  color: var(--black) !important;
}
.light-mode .mobile-menu .navbar__item-active {
  color: var(--secondary-color) !important;
}
.light-mode .mobile-menu .close-mobile-menu {
  color: var(--black);
}
/* .light-mode .hero-two .hero-two__left img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(42%) hue-rotate(235deg) brightness(99%) contrast(100%);
} */
.light-mode .hero-three .bg-img {
  background: linear-gradient(180deg, rgba(118, 144, 255, 0.18) 0%, rgba(118, 144, 255, 0) 100%);
}
.light-mode .hero-three .bg-img::before, .light-mode .hero-three .bg-img::after {
  background: linear-gradient(180deg, rgba(118, 144, 255, 0.18) 0%, rgba(118, 144, 255, 0) 100%);
}
.light-mode .hero-three .hero-three__intro span {
  -webkit-text-stroke-color: var(--black);
}
.light-mode .hero-five .hero-five__cta a:hover {
  color: var(--black);
}
.light-mode .breadcrumb {
  border-color: rgba(0, 0, 0, 0.1882352941);
}
.light-mode .breadcrumb a {
  color: var(--template-color);
}
.light-mode .breadcrumb a:hover {
  color: var(--secondary-color);
}
.light-mode .banner {
  background-color: var(--quaternary-color);
}
.light-mode .banner .banner-shape img {
  opacity: 0.4;
}
.light-mode .service .service__cta img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(96%) contrast(92%);
}
.light-mode .service-two .content__cta a:hover {
  color: var(--black);
}
.light-mode .skill .skill__tab .thumb {
  background-color: #e9d5d5;
}
.light-mode .skill-four .skill-four__intro .content img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7500%) hue-rotate(306deg) brightness(109%) contrast(101%);
}
.light-mode .testimonial .testimonial__intro img {
  opacity: 0.2;
  filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(47%) hue-rotate(217deg) brightness(106%) contrast(100%);
}
.light-mode .testimonial .testimonial__inner::before {
  background: linear-gradient(90deg, #c1baba 0%, #c1baba 25.77%, rgba(193, 186, 186, 0.5647058824) 43.87%, rgba(193, 186, 186, 0) 87.29%);
}
.light-mode .testimonial .testimonial__inner::after {
  background: linear-gradient(-90deg, #c1baba 0%, #c1baba 25.77%, rgba(193, 186, 186, 0.5647058824) 43.87%, rgba(193, 186, 186, 0) 87.29%);
}
.light-mode .pricing-two .pricing-two__single {
  background-color: #F5F5F5;
}
.light-mode .pricing-two .pricing__content-right {
  background-color: #EAEAEA;
}
.light-mode .details__block q {
  color: var(--white);
}
.light-mode .details__footer .footer__tag-wrapper a {
  color: var(--template-color);
}
.light-mode .details__footer .footer__tag-wrapper a:hover {
  color: var(--white);
}
.light-mode .contact .contact__info-single a {
  color: rgba(27, 27, 27, 0.5843137255);
}
.light-mode .contact .contact__info-single i {
  color: var(--template-color);
}
.light-mode .contact .contact__info-single:hover a,
.light-mode .contact .contact__info-single:hover i {
  color: var(--secondary-color);
}
.light-mode .portfolio-four h3 {
  color: var(--white);
}
.light-mode .portfolio-four .divide {
  color: var(--white);
}
.light-mode .testimonial-four .quote img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(17%) hue-rotate(348deg) brightness(94%) contrast(106%);
}
.light-mode .testimonial-four .ratings i {
  color: var(--secondary-color);
}
.light-mode .skill-five .skill-two__intro p,
.light-mode .skill-two .skill-two__intro p {
  color: var(--white);
}
.light-mode .contact-two label {
  color: var(--template-color);
}
.light-mode .comment-single .reply-button button:hover {
  color: var(--template-color);
}
.light-mode .comment-single .reply-button .active {
  color: var(--template-color);
}
.light-mode .cta h2 .primary-text {
  color: var(--secondary-color);
}
.light-mode .service-five img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7469%) hue-rotate(300deg) brightness(103%) contrast(110%);
}
.light-mode .service-five .service-five__single:hover img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7469%) hue-rotate(300deg) brightness(103%) contrast(110%);
}
.light-mode .blog-three .blog-two__cta a i {
  background-color: var(--template-color);
  color: var(--white);
}
.light-mode .blog-three .blog-two__cta a:hover i {
  background-color: var(--secondary-color);
  color: var(--white);
}
.light-mode .footer__copyright .social a {
  color: var(--template-color);
}
.light-mode .footer__copyright .social a:hover {
  color: var(--secondary-color);
}
.light-mode .footer__copyright p a {
  color: var(--secondary-color);
}
.light-mode .footer__copyright p a:hover {
  color: var(--template-color);
}

.light-mode.page-three {
  --secondary-color: #305a8c;
}

.page-four.light-mode .header .navbar__item a {
  color: #ffffff;
}
.page-four.light-mode .header .navbar__item a:hover {
  color: var(--octonary-color);
}
.page-four.light-mode .header .navbar__item .dropdown-label-alter::before {
  border-bottom-color: var(--octonary-color);
}
.page-four.light-mode .header .navbar__sub-menu a {
  color: #705c5c;
}
.page-four.light-mode .header .navbar__sub-menu a:hover {
  color: var(--black);
}
.page-four.light-mode .header .navbar__item--has-children:hover > .navbar__dropdown-label {
  color: var(--octonary-color);
}
.page-four.light-mode .header .navbar__item--has-children:hover > .navbar__dropdown-label-sub {
  color: var(--black);
}
.page-four.light-mode .header .navbar__sub-menu .active > a {
  color: var(--black);
}
.page-four.light-mode .header .active > .navbar__dropdown-label,
.page-four.light-mode .header .active > a {
  color: var(--octonary-color);
}
.page-four.light-mode .header .mega-menu li > a {
  color: #705c5c;
}
.page-four.light-mode .header .mega-menu li:hover > a {
  color: var(--black);
}
.page-four.light-mode .header .mega-menu .active > a {
  color: var(--black);
}
.page-four.light-mode .header .mega-menu .mega-content a {
  color: var(--black);
}
.page-four.light-mode .header .open-offcanvas-nav span {
  background-color: var(--octonary-color);
}
.page-four.light-mode .mobile-menu .mobile-menu__wrapper {
  background-color: #101010;
}
.page-four.light-mode .mobile-menu .navbar__item a {
  color: #ffffff;
}
.page-four.light-mode .mobile-menu .navbar__item a:hover {
  color: var(--octonary-color);
}
.page-four.light-mode .mobile-menu .social a {
  border-color: #1B1B1B;
  color: var(--white);
}
.page-four.light-mode .mobile-menu .social a:hover {
  border-color: var(--secondary-color);
  color: var(--secondary-color);
}
.page-four.light-mode .mobile-menu .active > .navbar__dropdown-label,
.page-four.light-mode .mobile-menu .active > a {
  color: var(--octonary-color);
}
.page-four.light-mode .mobile-menu .navbar__list > li > a,
.page-four.light-mode .mobile-menu .navbar__list > li button {
  border-bottom: 1px solid rgb(52, 36, 36);
}
.page-four.light-mode .mobile-menu .navbar__list > li:nth-of-type(2) {
  border-top: 1px solid rgb(52, 36, 36);
}
.page-four.light-mode .mobile-menu .navbar__item--has-children .navbar__dropdown-label::after {
  border-inline-start: 1px solid rgb(52, 36, 36);
}
.page-four.light-mode .mobile-menu .navbar__item--has-children:hover > .navbar__dropdown-label-sub {
  color: var(--octonary-color) !important;
}
.page-four.light-mode .mobile-menu .navbar__item--has-children:hover > .navbar__dropdown-label-sub:hover {
  color: var(--octonary-color) !important;
}
.page-four.light-mode .mobile-menu .navbar__sub-menu a,
.page-four.light-mode .mobile-menu .navbar__sub-menu button {
  color: #ffffff;
  border-bottom: 1px solid rgb(52, 36, 36);
}
.page-four.light-mode .mobile-menu .navbar__sub-menu li:nth-last-of-type(1) a,
.page-four.light-mode .mobile-menu .navbar__sub-menu li:nth-last-of-type(1) button {
  border-bottom: 1px solid rgb(52, 36, 36);
}
.page-four.light-mode .mobile-menu .navbar__sub-menu .navbar__item--has-children > a:hover {
  color: var(--black) !important;
}
.page-four.light-mode .mobile-menu .navbar__item-active {
  color: var(--octonary-color) !important;
}
.page-four.light-mode .mobile-menu .close-mobile-menu {
  color: var(--octonary-color);
}
.page-four.light-mode .sticky-header {
  background-color: #060606;
  border-bottom: 1px solid #1B1B1B;
}
.page-four.light-mode .hero-four .btn-anim {
  border: 1px solid var(--secondary-color);
  color: var(--white);
}
.page-four.light-mode .hero-four .btn-anim span {
  background: var(--secondary-color);
}
.page-four.light-mode .hero-four .btn-anim:hover {
  color: var(--white);
  border: 1px solid var(--secondary-color);
}