/* start */
/* Dark Mode Style */
.dark {
  background-color: black !important;
  color: white; /* Optional: changes text color to white for better readability */
}
.dark2{
	background-color: #393939 !important;
}
.text-dark{
	color: white !important;
}
.d-none{
	display: none !important;
}


/* Toggle Container */
.toggle-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 25px;
  position: relative;
}

/* Hidden Input */
.toggle-input {
  display: none;
}

/* Label as the Switch */
.toggle-label {
  width: 50px;
  height: 25px;
  background-color: #2C2B68; /* Light mode background */
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
}




/* Circle inside the Switch */
.toggle-label::after {
  content: '';
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  transition: all 0.3s ease;
}

/* When Checkbox is Checked (Dark Mode) */
.toggle-input:checked + .toggle-label {
  background-color: #2C2B68; /* Dark background */
}

.toggle-input:checked + .toggle-label::after {
  left: 25px; /* Move Circle to the right */
}

/* Optional: Add a shadow effect for better contrast in dark mode */
.toggle-input:checked + .toggle-label::after {
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}


/* end */

main#content .page-header {
	    background-repeat: no-repeat;
    background-image: url(https://techarch.com.sa//srv/htdocs/wp-content/uploads/2024/11/web-01-scaled.webp);
    padding: 115px 0;
    background-position: 64% 23%;
    background-size: cover;
    color: #fff;
    opacity: .94;
}

.wrap-records .elementor-widget-wrap.elementor-element-populated {
	    border-color: #2de8c4 !important;
}

.wrap-services .elementor-button.elementor-button-link{
	padding: 0 !important
}

#breadcrumbs a{
	color: #101553;
}

.page-id-6427  .elementor-6432 .elementor-element.elementor-element-ef6baa4{
	display: none;
}

.d-none, .elementor-element-0474490{
	display: none !important;
}

.elementor-section .elementor-widget-image-carousel .swiper-slide  {
    display: flex !important;
    align-items: center !important;
}

.white {
	color: #fff !important;
}

body.darkmode--activated .isDark, body.darkmode--activated .isDark h2{
	color: #fff !important;
	
}

.wrap-light-services-2 .tpas-icon, .wrap-light-services-2  .tpasp-active-slide, .wrap-light-services-2 .tpasp-sep-slide,.wrap-light-services-2  .tpasp-next, .wrap-light-services-2  .tpasp-total-slide,

.wrap-light-services-2 .wrap-light-services-2 .tpasp-sep-slide{
    color: #000 !important;
}
body.darkmode--activated .wrap-light-services-2 .tpas-icon, body.darkmode--activated .wrap-light-services-2  .tpasp-active-slide,body.darkmode--activated .wrap-light-services-2 .tpasp-sep-slide, body.darkmode--activated .wrap-light-services-2   .tpasp-next, body.darkmode--activated .wrap-light-services-2  .tpasp-total-slide  {
    color: #fff !important;
} 

body.darkmode--activated .elementor-location-header .light-logo-img img{
	filter: brightness(0) invert(1) !important;

}

body.darkmode--activated  .About-isDark {
	background-color: #2c2b69 !important;
	background-image: unset !important;
}

body.darkmode--activated  .About-isDark  .text-content-block,body.darkmode--activated  .About-isDark h2,body.darkmode--activated  .About-isDark a,


body.darkmode--activated  .About-isDark div.service-center div{
	color: #fff !important;
}
body.darkmode--activated  .About-isDark .button_line {
	background-color: #fff !important;
}
body.darkmode--activated  .About-isDark span:not(.btn-arrow ) {
	color: #fff !important;
}

body.darkmode--activated .About-isDark .info-box-bg-box.service-border-box   {
	border-color: #1F1E4C !important;
}
body.darkmode--activated .About-isDark .info-box-inner.content_hover_effect.tp-info-nc .infobox-overlay-color {
	background-color: #1F1E4C !important;
	border-color: #1F1E4C !important;
}
body.darkmode--activated .tp-plus-shape-divider .wave-items.elementor-repeater-item-dbad98c.classic-color path {
	fill: #1F1E4C !important;
}

body.darkmode--activated .OurVision {
	background-color: #1F1E4C !important;
}

body.darkmode--activated .OurVision .text-content-block {
	 color: #fff !important;
}
body.darkmode--activated .OurVision .plus-number-counter .number-counter-inner-block {
    background-color: #2c2b69 !important;
    border-color: #2c2b69 !important;
}
body.darkmode--activated  .contact-dark ,body.darkmode--activated  .contact-dark h1{
	  color: #fff !important;
}
body.darkmode--activated  .elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) #ffffff !important;
}

body.darkmode--activated  .elementor-social-icon i {
    color: #fff !important;
}



.about-us-wrap-serv .btn-arrow{
	  transform: rotate(180deg); /* Flips the icon to point left */

}

[lang="ar"] .elementor-widget-tp-number-counter.text-left .plus-number-counter.counter-style-2 .counter-content {
    margin-right: 12px;
	margin-left: 0;
}

[lang="ar"] .elementor-6432 .elementor-element.elementor-element-305f143 .elementor-menu-toggle {
    margin-left: unset;
    margin-right: auto;
}

body.darkmode--activated  .elementor-menu-toggle {
    color: #fff;
}


[lang="ar"] .elementor-8939 .elementor-element.elementor-element-305f143 .elementor-menu-toggle {
    margin-right: auto !important;
	margin-left: unset !important;
}

li.current-menu-item:not(.menu-item-home ) a{
	    border-bottom: 2px solid #197ec0b5;
}

/* 
service pages card top aligment */

.pt_plus_info_box .info-box-bg-box {
    align-items: start !important;
    padding-top: 35px !important;
}


.swiper-slide-inner img {
  filter: unset !important;
}

.site-footer{
	display:none;
}

.elementor-location-header img {
	border-radius: unset !important;
	border: unset !important;
}
/* .wp-singular.single.single-post.darkmode--activated{
	background: #221c4c;
} */
.wp-singular.single span,.wp-singular.single a,.wp-singular.single li{
	color:#000 !important
}
.wp-singular.single span{
	font-family: "Cairo", Sans-serif !important;
}
.wp-singular.single-post button.darkmode-toggle {
    display: none;
}
.single.single-post ul#menu-1-305f143 li a {
    color: #000000 !important;
}