/* Default placeholder color (light theme) */
:root {
    --placeholder-color: #999; /* Light gray */
}

/* Dark mode placeholder color */
body.dark-mode {
    --placeholder-color: #fff; /* White */
}

/* Apply placeholder color dynamically */
.form-control::placeholder {
    color: var(--placeholder-color);
    transition: color 0.3s; /* Smooth transition when toggling theme */
}


.switch-box {
 /* position: fixed;
  top: 200px;
  right: 20px;*/
  z-index: 9999;
}

.switch-box button {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  transition: transform 0.3s ease, color 0.3s ease;
}

.switch-box button:focus {
  outline: none;
}

.switch-box button:hover {
  transform: scale(1.2);
  color: #2196f3; /* Highlight color */
}


.theme-dark body {
  color: #fff;
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
  color: #fff;
}
.theme-dark h3 {
  color: #fff;
}
.theme-dark h3 a {
  color: #fff;
}
.theme-dark p {
  color: #fff;
}
.theme-dark body {
  background: #271345;
}
.theme-dark .section-title h2 {
  color: #fff;
}
.theme-dark .section-title p {
  color: #fff;
}
.theme-dark .top-header-bg {
  background: #271345;
}
.theme-dark .top-header-right .language-list .nice-select .list {
  background-color: #271345;
  color: #fff;
}
.theme-dark .top-header-right .language-list .nice-select .list .option {
  color: #fff;
}
.theme-dark .top-header-right .language-list .nice-select .option:hover {
  color: #fff;
  background-color: #0071dc;
}
.theme-dark .top-header-right .language-list .nice-select .option.focus {
  color: #fff;
  background-color: #0071dc;
}
.theme-dark
  .top-header-right
  .language-list
  .nice-select
  .option.selected.focus {
  color: #fff;
  background-color: #0071dc;
}
.theme-dark .main-nav {
  background-color: #271345;
}
.theme-dark .main-nav .navbar .navbar-brand .logo-one {
  display: none;
}
.theme-dark .main-nav .navbar .navbar-brand .logo-two {
  display: inline-block;
}
.theme-dark .main-nav nav .navbar-nav .nav-item a {
  color: #fff;
}
.theme-dark .main-nav nav .navbar-nav .nav-item a i {
  color: #fff;
}
.theme-dark .main-nav nav .navbar-nav .nav-item .dropdown-menu {
  background-color: #271345 !important;
}
.theme-dark .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  color: #fff !important;
}
.theme-dark
  .main-nav
  .nav-side
  .nav-side-item
  .search-side-widget
  .search-side-form
  .form-control {
  background-color: #271345;
  color: #fff;
}
.theme-dark .main-nav .nav-side .nav-side-item .search-box i {
  color: #fff;
}
.theme-dark .mobile-nav .logo .logo-two {
  display: inline-block;
}
.theme-dark .mobile-nav .logo .logo-one {
  display: none;
}
.theme-dark .mean-container .mean-bar {
  background-color: rgba(39, 19, 69); /* Converted from #271345 with 0.93 transparency */
}

.theme-dark .mean-container .navbar-nav {
  background-color: rgba(39, 19, 69); /* Same color with transparency */
}


.theme-dark .mean-container .mean-nav ul li a {
  color: #fff;
}
.theme-dark .mean-container .mean-nav ul li .dropdown-menu {
  background-color: #271345;
}
.theme-dark .banner-item::before {
  background-color: #271345;
  opacity: 0.9;
}
.theme-dark .banner-area::before {
  background-color: #271345;
  opacity: 0.8;
}
.theme-dark .banner-area-two {
  background-color: #271345;
}
.theme-dark .banner-area-two::before {
  opacity: 0.1;
}
.theme-dark .banner-content h1 {
  color: #fff;
}
.theme-dark .banner-content p {
  color: #fff;
}
.theme-dark .banner-sub-item {
  background-color: #271345;
}
.theme-dark .banner-sub-item .content span {
  color: #fff;
}
.theme-dark .banner-four-area {
  background-color: #271345;
}
.theme-dark .banner-five-area {
  background-color: #0a0a0a;
}
.theme-dark .banner-five-content h1 {
  color: #fff;
}
.theme-dark .banner-six::before {
  background-color: #0a0a0a;
  opacity: 0.8;
  background-image: none;
}
.theme-dark .inner-banner {
  background-color: #0c0c0c;
}
.theme-dark .about-bg {
  background-color: #271345;
}
.theme-dark .about-bg2 {
  background-color: #271345;
}
.theme-dark .about-content .about-content-card h3 {
  color: #fff;
}
.theme-dark .about-content .about-content-card p {
  color: #fff;
}
.theme-dark .about-content .about-list li {
  color: #fff;
}
.theme-dark .skill-bar .progress-title {
  color: #fff;
}
.theme-dark .services-area {
  background-color: #271345;
}
.theme-dark .services-area-two {
  background-color: #271345;
}
.theme-dark .services-area-three {
  background-color: #271345;
  border-bottom: 1px solid #3b3b3b;
}
.theme-dark .services-card {
  background-color: #271345;
}
.theme-dark .services-card h3 a {
  color: #fff;
}
.theme-dark .services-card p {
  color: #fff;
}
.theme-dark .services-card .learn-btn {
  color: #fff;
}
.theme-dark .services-item .content {
  background-color: #271345;
}
.theme-dark .services-item .content h3 a {
  color: #fff;
}
.theme-dark .services-item .content h3 a:hover {
  color: #ffc221;
}
.theme-dark .services-card-color-bg {
  background-color: #271345;
}
.theme-dark .work-process-card {
  background-color: #271345;
}
.theme-dark .work-process-left {
  background-color: #271345;
}
.theme-dark .work-process-card-three {
  background-color: #271345;
}
.theme-dark .build-area::after {
  background-color: #271345;
}
.theme-dark .choose-area {
  background-color: #271345;
}
.theme-dark .counter-another-content h3 {
  color: #fff;
}
.theme-dark .counter-another-content span {
  color: #fff;
}
.theme-dark .talk-area::before {
  background-color: #000;
  opacity: 0.9;
}
.theme-dark .talk-area-two::before {
  background-color: #271345;
  opacity: 0.9;
}
.theme-dark .call-us-area {
  background-color: #271345;
}
.theme-dark .case-study-item .content {
  background-color: #271345;
}
.theme-dark .case-study-item .content h3 a {
  color: #fff;
}
.theme-dark .case-study-item .content ul li::before {
  background-color: #fff;
}
.theme-dark .case-study-item .content ul li a {
  color: #fff;
}
.theme-dark .case-article .case-article-content .case-article-list li {
  color: #fff;
}
.theme-dark .case-article .case-article-content .case-article-list li:hover {
  color: #ffc221;
}
.theme-dark .security-card {
  background-color: #271345;
}
.theme-dark .security-card h3 a {
  color: #fff;
  transition: 0.7s;
}
.theme-dark .security-card h3 a:hover {
  color: #ffc221;
}
.theme-dark .services-style-bg {
  background-color: #271345;
}
.theme-dark .service-article .service-article-content .service-article-list li {
  color: #fff;
}
.theme-dark
  .service-article
  .service-article-content
  .service-article-list
  li:hover {
  color: #ffc221;
}
.theme-dark .work-process-card-two {
  background-color: #271345;
}
.theme-dark .work-process-right {
  background-color: #271345;
}
.theme-dark .technology-area::before {
  background-color: #271345;
  opacity: 0.9;
}
.theme-dark .technology-area-two {
  background-color: #271345;
}
.theme-dark .technology-card-color h3 {
  color: #fff;
}
.theme-dark .technology-area-four {
  background-color: #271345;
}
.theme-dark .technology-area-three {
  background-color: #271345;
}
.theme-dark .technology-area-five {
  background-color: #271345;
}
.theme-dark .technology-item h3 {
  color: #fff;
}
.theme-dark .brand-item .brand-logo-two {
  display: inline-block !important;
}
.theme-dark .brand-item .brand-logo-one {
  display: none !important;
}
.theme-dark .brand-area-two {
  background-color: #271345;
}
.theme-dark .build-content.build-content-on-color .section-title span {
  color: #fff;
}
.theme-dark .build-content.build-content-on-color .section-title h2 {
  color: #fff;
}
.theme-dark .build-item .content {
  background-color: #271345;
}
.theme-dark .build-item .content h3 a {
  color: #fff;
}
.theme-dark .build-item .content h3 a:hover {
  color: #ffc221;
}
.theme-dark .build-item .content ul li::before {
  background-color: #fff;
}
.theme-dark .build-item .content ul li a {
  color: #fff;
}
.theme-dark .build-item .content ul li a:hover {
  color: #ffc221;
}
.theme-dark .build-area-two {
  background-color: #271345;
}
.theme-dark .clients-area {
  background-color: #271345;
}
.theme-dark .clients-content {
  background-color: #271345;
}
.theme-dark .clients-content::before {
  background-color: #271345;
}
.theme-dark .clients-area-three {
  background-color: #271345;
}
.theme-dark .clients-area-three::before {
  opacity: 0.5;
}
.theme-dark .case-study-area-two::before {
  background-color: #271345;
}
.theme-dark .case-study-item2 {
  background-color: #271345;
}
.theme-dark .case-study-item2 h3 a {
  color: #fff;
}
.theme-dark .case-study-item2 h3 a:hover {
  color: #ffc221;
}
.theme-dark .team-item .content {
  background-color: #271345;
}
.theme-dark .team-card .content {
  background-color: #271345;
}
.theme-dark .blog-card {
  background-color: #271345;
  border-color: #3b3b3b;
}
.theme-dark .blog-card .content ul li a {
  color: #fff;
}
.theme-dark .blog-card .content h3 a {
  color: #fff;
}
.theme-dark .blog-card .content h3 a:hover {
  color: #ffc221;
}
.theme-dark .blog-card .read-btn {
  color: #fff;
}
.theme-dark .blog-card .read-btn:hover {
  color: #ffc221;
}
.theme-dark .blog-item {
  background-color: #271345;
}
.theme-dark .blog-item .content ul li {
  color: #fff;
}
.theme-dark .blog-item .content ul li a {
  color: #fff;
}
.theme-dark .blog-item .content h3 a {
  color: #fff;
}
.theme-dark .blog-item .content h3 a:hover {
  color: #ffc221;
}
.theme-dark .blog-item .content .read-btn {
  color: #fff;
}
.theme-dark .blog-item .content .read-btn:hover {
  color: #ffc221;
}
.theme-dark .blog-style-card .content ul li {
  color: #fff;
}
.theme-dark .blog-style-card .content ul li a {
  color: #fff;
}
.theme-dark .blog-style-card .content h3 a {
  color: #fff;
}
.theme-dark .blog-style-card .content h3 a:hover {
  color: #ffc221;
}
.theme-dark .blog-article .blog-article-title ul li {
  color: #fff;
}
.theme-dark .blog-article .blog-article-title h2 {
  margin-top: 15px;
  font-size: 26px;
  max-width: 650px;
  margin-bottom: 0;
  color: #fff;
}
.theme-dark .blog-article .article-content .blockquote {
  background-color: #271345;
}
.theme-dark .blog-article .article-content .blockquote p {
  color: #fff;
}
.theme-dark .blog-article .comments-wrap .comment-title .title {
  color: #fff;
}
.theme-dark .blog-article .comments-wrap .comment-list li h3 {
  color: #fff;
}
.theme-dark .blog-article .comments-wrap .comment-list li span {
  color: #fff;
}
.theme-dark .blog-article .comments-form .contact-form {
  background-color: transparent;
}
.theme-dark .blog-article .comments-form .title {
  color: #fff;
}
.theme-dark .faq-content {
  margin-bottom: 30px;
}
.theme-dark .faq-content .section-title {
  margin-bottom: 30px;
}
.theme-dark .faq-content .section-title h2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}
.theme-dark .faq-content .section-title p {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}
.theme-dark .faq-content .section-title span {
  color: #fff;
}
.theme-dark .faq-content .faq-accordion .accordion .accordion-item {
  background-color: #271345;
}
.theme-dark .faq-content .faq-accordion .accordion .accordion-title {
  color: #fff;
}
.theme-dark .side-bar-widget {
  background-color: transparent;
}
.theme-dark .side-bar-widget .title {
  color: #fff;
}
.theme-dark .side-bar-widget .side-bar-categories ul li a {
  color: #fff;
}
.theme-dark .side-bar-widget .side-bar-categories ul li a span {
  color: #fff;
}
.theme-dark .side-bar-widget .side-bar-categories ul li a:hover {
  color: #0071dc;
}
.theme-dark .side-bar-widget .side-bar-categories ul li a:hover span {
  color: #0071dc;
}
.theme-dark .side-bar-widget .widget-popular-post .item .info .title-text a {
  color: #fff;
}
.theme-dark
  .side-bar-widget
  .widget-popular-post
  .item
  .info
  .title-text
  a:hover {
  color: #0071dc;
}
.theme-dark .search-widget {
  background-color: #271345;
}
.theme-dark .search-widget .search-form {
  background-color: #271345;
}
.theme-dark .search-widget .search-form .form-control {
  background-color: #271345;
  color: #fff;
}
.theme-dark .contact-form h2 {
  color: #fff;
}
.theme-dark .contact-form .agree-label label {
  color: #fff;
}
.theme-dark .contact-form .form-group label {
  color: #fff;
}
.theme-dark .contact-form .form-group .form-control {
  background-color: #271345;
  color: #fff;
}
.theme-dark .contact-form .form-group .form-control:focus {
  color: #fff;
}
.theme-dark .single-content h3 {
  color: #fff;
}
.theme-dark .error-area .error-content h3 {
  margin-top: 30px;
  color: #fff;
}
.theme-dark .error-area .error-content p {
  color: #fff;
}
.theme-dark .coming-soon-area {
  background-color: #271345;
}
.theme-dark .coming-soon-area .coming-soon-content {
  background-color: #271345;
}
.theme-dark .coming-soon-area .coming-soon-content h1 {
  color: #fff;
}
.theme-dark .coming-soon-area .coming-soon-content p {
  color: #fff;
}
.theme-dark .coming-soon-area .coming-soon-content #timer div {
  background-color: #271345;
  color: #fff;
}
.theme-dark .coming-soon-area .coming-soon-content #timer div span {
  color: #fff;
}
.theme-dark
  .coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter {
  background-color: #271345;
  color: #fff;
}
.theme-dark
  .coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter:focus {
  color: #fff;
}
.theme-dark .footer-bg {
  background-color: #271345;
}
.theme-dark .footer-bg2 {
  background-color: #271345;
}
.theme-dark .footer-widget .footer-call-content {
  background-color: #010101;
}
.theme-dark .footer-widget .footer-call-content h3 {
  color: #fff;
}
.theme-dark .footer-widget .footer-call-content span a {
  color: #fff;
}
.theme-dark .footer-widget .footer-call-content span a:hover {
  color: #ffc221;
}
.theme-dark .footer-widget .newsletter-area .newsletter-form .form-control {
  background-color: #271345;
  color: #fff;
}