/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
/**
    @Color Declaration
  */
.er-light-mode {
  --er-color-common-black-2: #f6f7f7;
  --er-color-heading-primary: #050505;
  --er-color-text-body: #494a46;
  --er-color-text-body-dm: #bcbdb9;
  --er-color-theme-bg: #eaebe6;
  --er-color-theme-bg-2: #fafaf7;
  --er-color-theme-bg-3: #e5e5e1;
  --er-color-theme-bg-4: rgba(196, 196, 196, 0.1019607843);
  --er-color-theme-bg-dm: #191a18;
  --er-color-theme-dark: #f6f7f7;
  --er-color-theme-dark-2: #494a46;
  --er-color-theme-dark-3: #6d6e68;
  --er-color-border-1: #e0e0dc;
  --er-color-border-1-dm: #282926;
  --er-color-border-3: #ccccc6;
}
.er-light-mode *::-moz-selection {
  color: var(--er-color-heading-primary);
}
.er-light-mode ::-moz-selection {
  color: var(--er-color-heading-primary);
}
.er-light-mode ::selection {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-primary-btn .btn-text {
  color: var(--er-color-theme-bg-dm);
}
.er-light-mode .er-primary-btn .btn-text span {
  text-shadow: 0 30px 0 var(--er-color-theme-dark);
}
.er-light-mode .er-primary-btn .btn-icon::before {
  background-color: var(--er-color-theme-bg-dm);
}
.er-light-mode .er-primary-btn .btn-icon i {
  color: var(--er-color-theme-dark);
}
.er-light-mode .er-primary-btn.style-2 .btn-text {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-primary-btn.style-2 .btn-text span {
  text-shadow: 0 30px 0 var(--er-color-heading-primary);
}
.er-light-mode .er-primary-btn.style-2 .btn-icon::before {
  background-color: var(--er-color-theme-primary);
}
.er-light-mode .er-primary-btn.style-2 .btn-icon i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-text-btn.style-3 .btn-icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .list-style-1 li span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .slider-next .anim-icon i,
.er-light-mode .slider-prev .anim-icon i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .swiper-pagination-bullet {
  background-color: var(--er-color-heading-primary);
}
.er-light-mode .swiper-pagination-bullet::before {
  border-color: var(--er-color-heading-primary);
}
.er-light-mode .loading {
  border-inline-start-color: var(--er-color-heading-primary);
  border-inline-end-color: var(--er-color-heading-primary);
}
.er-light-mode .back-to-top-btn .back_to_top_icon {
  color: var(--er-color-heading-primary);
  text-shadow: 0 40px 0 var(--er-color-heading-primary);
}
.er-light-mode .social-links ul li a {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er_list > li i,
.er-light-mode .er_list > li svg {
  color: var(--er-color-heading-primary);
}
.er-light-mode .sec-heading .sub-title i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .sec-heading.style-2 .sub-title span,
.er-light-mode .sec-heading.style-2 .sec-title span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .sec-heading.style-3 .sub-title {
  background-color: var(--er-color-theme-dark);
}
.er-light-mode .sec-heading.style-3 .sec-title span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .inline-content {
  color: var(--er-color-heading-primary);
}

/* !END: Theme Default CSS */
/**----------------------------------------
START: Header CSS
----------------------------------------*/
.er-light-mode .er_search_wrapper .search_form form .search_input .title {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er_search_wrapper .search_form form .search_input .search-box input[type=search] {
  color: var(--er-color-heading-primary);
}
.er-light-mode .search_popup .search_close .search_close_btn,
.er-light-mode .hamburger_close_btn,
.er-light-mode .hamburger-title {
  color: var(--er-color-heading-primary);
}
.er-light-mode .header-top-content .topbar-text a,
.er-light-mode .header-top-content .topbar-text i,
.er-light-mode .header-top-content .header-info .info-item span a,
.er-light-mode .header-top-content .header-info .info-item span i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .header-top-content .topbar-text a:hover,
.er-light-mode .header-top-content .header-info .info-item span a:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .header-top-content .header-info .info-item {
  -webkit-border-start: 0;
          border-inline-start: 0;
}
.er-light-mode .header-top-content .header-info .info-item:not(:last-child) {
  -webkit-border-end: 1px solid var(--er-color-border-3);
          border-inline-end: 1px solid var(--er-color-border-3);
}
.er-light-mode .header-top-content .header-info .info-item .er-language ul li:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .mainmenu ul > li.current-menu-ancestor > a, .er-light-mode .mainmenu ul > li.current-menu-ancestor > a::after, .er-light-mode .mainmenu ul > li.current-menu-item > a, .er-light-mode .mainmenu ul > li.current-menu-item > a::after, .er-light-mode .mainmenu ul > li.current-menu-item > a, .er-light-mode .mainmenu ul > li.current-menu-item > a::after, .er-light-mode .mainmenu ul > li:hover > a, .er-light-mode .mainmenu ul > li:hover > a::after {
  color: var(--er-color-heading-primary);
}
.er-light-mode .mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a, .er-light-mode .mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a::after, .er-light-mode .mainmenu ul > li > .sub-menu > li.current-menu-item > a, .er-light-mode .mainmenu ul > li > .sub-menu > li.current-menu-item > a::after, .er-light-mode .mainmenu ul > li > .sub-menu > li:hover > a, .er-light-mode .mainmenu ul > li > .sub-menu > li:hover > a::after {
  color: var(--er-color-heading-primary);
}
.er-light-mode .header-search .search,
.er-light-mode .cubes {
  background-color: var(--er-color-theme-bg-3);
}
.er-light-mode .header-search .search {
  color: var(--er-color-heading-primary);
}
.er-light-mode .cubes span {
  border-color: var(--er-color-heading-primary);
}
.er-light-mode .header-area.header-duplicate .header-wrapper,
.er-light-mode .header-area.header-absolute .header-wrapper {
  background-color: var(--er-color-theme-dark);
}
.er-light-mode .header-area .mainmenu ul > li > .sub-menu {
  background-color: var(--er-color-theme-dark);
}
.er-light-mode .hamburger_menu .mean-nav ul li a {
  color: var(--er-color-heading-primary);
  border-bottom-color: var(--er-color-border-1);
}
.er-light-mode .hamburger_menu .mean-nav ul li a:hover, .er-light-mode .hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--er-color-heading-primary);
}
.er-light-mode .hamburger_wrapper::before {
  display: none;
}
.er-light-mode .header-area.header-duplicate {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.er-light-mode .header-area.header-duplicate .header-wrapper {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

/* !END: Header CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.er-light-mode .banner-img-area::before {
  display: none;
}
.er-light-mode .banner-img-area .trusted {
  background-color: var(--er-color-theme-dark);
  border-color: var(--er-color-border-1);
}
.er-light-mode .banner-img-area .trusted .text,
.er-light-mode .banner-img-area .trusted .icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .banner-content .sub-title,
.er-light-mode .sec-heading .sub-title {
  color: var(--er-color-heading-primary);
}
.er-light-mode .banner-content .btn-area .number,
.er-light-mode .banner-content .btn-area .number i,
.er-light-mode .sec-heading .btn-area .number,
.er-light-mode .sec-heading .btn-area .number i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .banner-scroll .scroll-down .icon {
  background-color: var(--er-color-theme-dark);
  text-shadow: 0 -30px 0 var(--er-color-heading-primary);
}
.er-light-mode .banner-scroll .scroll-down:hover .icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-banner-section {
  background-color: var(--er-color-theme-bg-2);
}
.er-light-mode .feature_item .feature_icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .h7-hero .customers-box .inline-content {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-page-link span i {
  color: var(--er-color-heading-primary);
}

/* !END: Hero CSS */
/**----------------------------------------
START: Client CSS
----------------------------------------*/
.er-light-mode .client-content span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .client-slider::before {
  background: -webkit-gradient(linear, left top, right top, from(#f6f7f7), to(rgba(246, 247, 247, 0)));
  background: linear-gradient(90deg, #f6f7f7 0%, rgba(246, 247, 247, 0) 100%);
}
.er-light-mode .client-slider::after {
  background: -webkit-gradient(linear, right top, left top, from(#f6f7f7), to(rgba(246, 247, 247, 0)));
  background: linear-gradient(-90deg, #f6f7f7 0%, rgba(246, 247, 247, 0) 100%);
}

/* !END: Client CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.er-light-mode .choose-box .choose-icon {
  color: var(--er-color-heading-primary);
}

/* !END: Choose CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.er-light-mode .experience-area .inline-content {
  color: var(--er-color-heading-primary);
}
.er-light-mode .about-funfact .inline-content {
  color: var(--er-color-heading-primary);
}
.er-light-mode .about-funfact .count-text {
  color: var(--er-color-theme-dark-3);
}
.er-light-mode .circle-icon i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-about-section-2 .about-features-item .desc {
  color: var(--er-color-text-body);
}
.er-light-mode .funfact-3 .countup-item .countup-icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .funfact-3 .countup-item::before {
  background-color: var(--er-color-heading-primary);
}
.er-light-mode .about_reviews ul li span {
  color: var(--er-color-heading-primary);
}

/* !END: About CSS */
/**----------------------------------------
START: Service CSS
----------------------------------------*/
.er-light-mode .list-style-2 li {
  color: var(--er-color-text-body);
}
.er-light-mode .er-text-btn {
  color: var(--er-color-heading-primary);
}
.er-light-mode .service-icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .service-item .title a:hover {
  color: var(--er-color-heading-primary);
  opacity: 0.6;
}
.er-light-mode .service-item:hover .service-icon,
.er-light-mode .service-item:hover .item-count,
.er-light-mode .service-item:hover .er-text-btn {
  color: var(--er-color-heading-primary);
}
.er-light-mode .services_tabs .service_tab_item {
  color: var(--er-color-heading-primary);
}
.er-light-mode .service_content_wrap .service_content .service_icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .service_list_item .item_content .content_inner .title a:hover {
  color: var(--er-color-heading-primary);
  opacity: 0.6;
}
.er-light-mode .service_list_item .item_content .er-icon-btn i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .service_list_item:hover .item_count {
  color: var(--er-color-heading-primary);
}

.er-light-mode .widget-feature-item .feature-box .feature-content .title {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-pagination ul li .page-numbers.current,
.er-light-mode .er-pagination ul li .page-numbers.current i, .er-light-mode .er-pagination ul li .page-numbers:hover,
.er-light-mode .er-pagination ul li .page-numbers:hover i {
  color: var(--er-color-heading-primary);
}

/* !END: Service CSS */
/**----------------------------------------
START: Marquee CSS
----------------------------------------*/
.er-light-mode .marquee-item .marquee-text {
  -webkit-text-stroke: 1px var(--er-color-heading-primary);
}
.er-light-mode .marquee-item-2 .marquee-icon {
  color: var(--er-color-heading-primary);
}

/* !END: Marquee CSS */
/**----------------------------------------
START: Testimonials CSS
----------------------------------------*/
.er-light-mode .testimonial-wrapper .client-thumb .author-header .designation {
  color: var(--er-color-theme-dark-3);
}
.er-light-mode .testimonial-item .desc {
  color: var(--er-color-heading-primary);
}
.er-light-mode .author_avatar_wrapper li:has(i) {
  color: var(--er-color-heading-primary);
}

/* !END: Testimonials CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.er-light-mode .team-item .designation {
  color: var(--er-color-theme-dark-3);
}
.er-light-mode .team-item .social-links .share-icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .team-item .social-links ul li a {
  opacity: 0.4;
  background-color: var(--er-color-theme-dark-3);
  color: var(--er-color-theme-bg);
}
.er-light-mode .team-item .social-links ul li a:hover {
  opacity: 1;
  color: var(--er-color-heading-primary);
  background-color: var(--er-color-theme-primary);
}
.er-light-mode .team-item .title a:hover {
  opacity: 0.6;
  color: var(--er-color-heading-primary);
}
.er-light-mode .team-details__contact-info ul a:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .team-details__content .social-links ul li a {
  background-color: var(--er-color-theme-bg);
}
.er-light-mode .team-details__experience__list ul li i,
.er-light-mode .contact-team-details-message a i {
  color: var(--er-color-heading-primary);
}

/* !END: Team CSS */
/**----------------------------------------
START: Technologies CSS
----------------------------------------*/
.er-light-mode .h4-technologies-section .technologies-right {
  overflow: hidden;
}

/* !END: Technologies CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.er-light-mode .categories a,
.er-light-mode .er-icon-btn i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .project-item:hover .er-icon-btn i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .infos-item .project-icons {
  color: var(--er-color-heading-primary);
}

/* !END: Project CSS */
/**----------------------------------------
START: Process CSS
----------------------------------------*/

/* !END: Process CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.er-light-mode .contact-info .contact-item .title {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-info .contact-item .contact-link span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-info .contact-item a.contact-link:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-info .contact-item a.contact-link:hover::after {
  background-color: var(--er-color-heading-primary);
}
.er-light-mode .contact-info .contact-item:not(:last-child) {
  border-inline-end-color: var(--er-color-border-3);
}
.er-light-mode .contact-form .form-input .nice-select {
  color: var(--er-color-text-body);
}
.er-light-mode .contact-form .form-input .nice-select .list .option:hover, .er-light-mode .contact-form .form-input .nice-select .list .option.focus {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-form.style-2 .title span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-item.style-2 .contact-icon i,
.er-light-mode .contact-item.style-2 .contact-list li a:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-item.style-2 .contact-list li.active a {
  color: var(--er-color-heading-primary);
}
.er-light-mode .contact-item.style-2 .contact-list li.active a:hover {
  opacity: 0.6;
}

/* !END: Contact CSS */
/**----------------------------------------
START: Pricing CSS
----------------------------------------*/

/* !END: Pricing CSS */
/**----------------------------------------
START: FAQ CSS
----------------------------------------*/
.er-light-mode .accordion_title::after {
  color: var(--er-color-heading-primary);
}
.er-light-mode .accordion_title:not(.collapsed) {
  color: var(--er-color-heading-primary);
}
.er-light-mode .accordion_title:not(.collapsed)::after {
  color: var(--er-color-heading-primary);
}
.er-light-mode .faq-contact ul li:has(i) {
  color: var(--er-color-heading-primary);
}

/* !END: FAQ CSS */
/**----------------------------------------
START: Integration CSS
----------------------------------------*/

/* !END: Integration CSS */
/**----------------------------------------
START: Cta CSS
----------------------------------------*/
.er-light-mode .faq-contact-item.style-2 .faq-contact-number .icon {
  color: var(--er-color-heading-primary);
}
.er-light-mode .faq-contact-item.style-2 .faq-contact-number:hover a {
  color: var(--er-color-heading-primary);
  opacity: 0.7;
}

/* !END: Cta CSS */
/**----------------------------------------
START: Counter CSS
----------------------------------------*/

/* !END: Counter CSS */
/**----------------------------------------
START: Shop CSS
----------------------------------------*/
.er-light-mode .er-account-form.er-account-form-login .er-account-form__label.er-account-form__label-for-checkbox.er-account-form-login__rememberme span::before,
.er-light-mode .er-account-form.er-account-form-login .lost_password a:hover,
.er-light-mode .er-account-form-login .er-account-button,
.er-light-mode .er-account-ResetPassword .er-account-Button {
  color: var(--er-color-heading-primary);
}

/* !END: Shop CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.er-light-mode .blog-date .date {
  color: var(--er-color-heading-primary);
}
.er-light-mode .blog-date .month {
  color: var(--er-color-text-body);
}
.er-light-mode .blog-item {
  border: 1px solid var(--er-color-border-1);
}
.er-light-mode .blog-item .categories a:hover,
.er-light-mode .blog-item .blog-meta span a:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .blog-category-two .category-item .cate-icons {
  color: var(--er-color-heading-primary);
}
.er-light-mode .tagcloud a:hover {
  color: var(--er-color-heading-primary);
}

.er-light-mode blockquote::before {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-sidebar-widget.widget-categories ul li a:hover,
.er-light-mode .er-sidebar-widget.widget-categories ul li a:hover span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-sidebar-widget.er-recent-posts .post-content .post-title a:hover,
.er-light-mode .er-sidebar-widget.er-recent-posts .post-content .post-title a:hover span {
  color: var(--er-color-heading-primary);
  opacity: 0.6;
}
.er-light-mode .er-post__navigation .er-nav-post__nav a:hover,
.er-light-mode .er-post__navigation .er-nav-post__grid a:hover,
.er-light-mode .er-tags-post .post-share ul li a:hover i,
.er-light-mode .er-post__navigation .er-nav-post__nav a:hover span i {
  color: var(--er-color-heading-primary);
}
.er-light-mode .blog-post-wrapper .blog-item {
  border: 0;
}

/* !END: Blog CSS */
/**----------------------------------------
START: Footer CSS
----------------------------------------*/
.er-light-mode .social-links ul li a {
  background-color: var(--er-color-heading-primary);
}
.er-light-mode .widget-nav-menu ul li a {
  color: var(--er-color-text-body);
}
.er-light-mode .widget-nav-menu ul li a:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .copyright-text {
  color: var(--er-color-text-body);
}
.er-light-mode .copyright-text a:hover {
  color: var(--er-color-heading-primary);
  opacity: 0.6;
}
.er-light-mode .copyright-menu ul li a {
  color: var(--er-color-text-body);
}
.er-light-mode .copyright-menu ul li a:hover {
  color: var(--er-color-heading-primary);
}
.er-light-mode .er-footer-section::after, .er-light-mode .er-footer-section::before {
  display: none;
}
.er-light-mode .footer_socials li a {
  color: var(--er-color-heading-primary);
  background-color: var(--er-color-theme-bg);
  opacity: 1;
}
.er-light-mode .footer_socials li a:hover {
  background-color: var(--er-color-theme-primary);
}
.er-light-mode .footer-widget.hourly_widget ul > li .value.off {
  color: var(--er-color-heading-primary);
}
.er-light-mode .footer-widget.subscription_widget .subscribe_form button[type=submit],
.er-light-mode .footer-widget.subscription_widget .subscribe_form input[type=submit] {
  color: var(--er-color-heading-primary);
}
.er-light-mode .footer-3 .er_footer_inner::before {
  display: none;
}
.er-light-mode .footer-widget.subscription_widget .title span {
  color: var(--er-color-heading-primary);
}
.er-light-mode .blog-category-two .category-item .cate-icons {
  color: var(--er-color-heading-primary);
}
.er-light-mode .tagcloud a:hover {
  color: var(--er-color-heading-primary);
}

/* !END: Footer CSS */