/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body {
	background: #0A100C;
}
body.eop-light-mode {
	background: #F4FBF9;
}
.eop-light-mode .eop-header-logo, .eop-header-light-logo, .eop-contact-our-light, .eop-light-mode .eop-contact-our-dark {
	display: none;
}
.eop-light-mode .eop-header-light-logo, .eop-light-mode .eop-contact-our-light {
	display: block;
}
.eop-light-mode .eop-header-section .elementor-nav-menu--main .elementor-item:not(.elementor-item-active) {
	color: #1E1E1E!important;
}
.eop-light-mode .home-section-stats .elementor-testimonial-name {
	color: #0B0B0C!important;
}
.eop-light-mode .home-section-stats .elementor-testimonial-job {
    color: #38383C!important;
}
.eop-light-mode .home-section-services .home-service-title .uael-heading .uael-heading-text.uael-size--xxl,
.eop-light-mode .home-section-blog .uael-heading .uael-heading-text.uael-size--xxl,
.eop-light-mode .home-section-contact .uael-heading .uael-heading-text.uael-size--xxl,
.eop-light-mode .home-section-testimonials .uael-heading .uael-heading-text,
.eop-light-mode .home-section-portfolio .uael-heading .uael-heading-text,
.eop-light-mode .home-section-services span.elementor-button-text,
.eop-light-mode .uael-heading .uael-heading-text,
.eop-light-mode .eop-heading-text h2,
.eop-light-mode .section.s-tab-navs-v4 .s-tab-navs-v4 > .desktop > .tab-v2 > .nav-wrapper > .nav-tabs li.active a > .s-subheader {
	color: #0B0B0C!important;
}
.eop-light-mode .uael-subheading,
.eop-light-mode #eop_section_services .s-text {
	color: #38383C!important;
}
.eop-light-mode .section.s-tab-navs-v4 .s-tab-navs-v4 > .desktop > .tab-v2 > .nav-wrapper > .nav-tabs li a > .s-subheader.marker,
.eop-light-mode .section.s-tab-navs-v4 .s-tab-navs-v4 > .desktop > .tab-v2 > .nav-wrapper > .nav-tabs li a > .s-subheader {
	color: #64646C!important;
}
.eop-light-mode .section.s-tab-navs-v4 .s-tab-navs-v4 > .desktop > .tab-v2 > .nav-wrapper > .nav-tabs li:not(.active) a:before {
	background-color: #DBDBDE!important;
}

.eop-light-mode .home-section-services .elementor-flip-box__front,
.eop-light-mode .home-section-testimonials .testimonials-list .swiper-slide,
.eop-light-mode .home-section-blog .uael-post__bg-wrap,
.eop-light-mode .home-section-contact .contact-form {
	background-color: #0A412E!important;
}

.elementor-divider {
	--divider-color: transparent;
} 
.section.s-tab-navs-v4 .s-tab-navs-v4 > .desktop > .tab-v2 > .nav-wrapper > .nav-tabs:before {
	background: transparent!important;
}
/*Portfolio section*/
.eop-portfolio-container {
	margin: 20px auto;
	background: #0A100C;
	font-size: 14px;
}

.eop-light-mode .eop-portfolio-container {
	background: #F4FBF9;
}

.eop-portfolio-tabs {
	margin: 20px 0;
	text-align: center;
}

.eop-portfolio-tab {
	display: inline-block;
	padding: 5px 20px;
	margin-right: 10px;
	border-radius: 40px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #116C4C;
}
.eop-light-mode .eop-portfolio-tab:not(.active) {
	color: #38383C;
}

.eop-portfolio-tab.active {
	background-color: #116C4C;
}

.eop-portfolio-tab:not(.active):hover {
    background-color: #70A794;
}

.eop-portfolio-tab-content {
	display: none;
	padding: 20px 0;
}

.eop-portfolio-tab-content.active {
	display: block;
}

.eop-portfolio-item {
	border-top: 1px solid #116C4C;
	padding: 20px 0;
	display: flex;
}

.eop-portfolio-item:last-child {
	border-bottom: 1px solid #116C4C;
}

.eop-portfolio-item .eop-item-col {
	width: 50%;
	position: relative;
}

.eop-portfolio-item .subtitle {
	font-weight: 700;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
}

.eop-portfolio-item h2 {
	margin-top: 0;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}

.eop-portfolio-item .description {
	margin-top: 5px;
	color: #AEACAC;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
}

.eop-portfolio-item .description ul {
	padding-left: 30px;
}

.eop-portfolio-item .eop-tags {
	position: absolute;
	bottom: 0;
}
.eop-portfolio-item .eop-tag-item {
	display: inline-block;
	padding: 3px 15px;
	margin-right: 10px;
	border-radius: 40px;
	color: #fff;
	cursor: pointer;
	border: 1px solid #0A412E;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.01em;
}

.eop-light-mode .eop-portfolio-item .subtitle, .eop-light-mode .eop-portfolio-item h2,
.eop-light-mode .eop-portfolio-item .eop-tag-item,
.eop-light-mode .home-section-contact .elementor-widget-container p {
	color: #0B0B0C;
}
.eop-light-mode .eop-portfolio-item .description,
.eop-light-mode .home-section-contact .elementor-widget-container ul {
	color: #38383C;
}

/*End Portfolio section*/

.eop-light-toggle .checkbox {
  	opacity: 0;
  	position: absolute;
}

.eop-light-toggle .checkbox-label {
  	background: #03160F;
	border: 1px solid #072B1E;
	border-radius: 100px;
  	width: 58px;
    height: 32px;
  	border-radius: 50px;
  	position: relative;
  	padding: 5px;
  	cursor: pointer;
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
}

.eop-light-toggle img {
	width: 24px;
	z-index: 1;
}

.eop-light-toggle .checkbox-label .ball {
	background: #B93426;
  	width: 28px;
    height: 28px;
  	position: absolute;
  	left: 2px;
  	top: 1px;
  	border-radius: 50%;
  	transition: transform 0.2s linear;
}

.eop-light-toggle .checkbox:checked + .checkbox-label .ball {
  transform: translateX(25px);
}

@media only screen and (max-width: 767px) {
	.eop-footer .eop-quick-link-item .elementor-icon-list-items {
		display: flex;
		flex-direction: row;
        flex-wrap: wrap;
		gap: 40px;
	}
	.eop-footer .eop-quick-link-item .elementor-icon-list-item {
		padding: 0!important;
		margin: 0!important;
	}
	.eop-footer-contact .elementor-icon-box-wrapper {
		display: flex!important;
		align-items: center!important;
		text-align: start !important;
        flex-direction: row !important;
        gap: 10px;
	}
	.eop-footer-contact .elementor-icon-box-icon {
		display: inline-flex!important;
    	flex: 0 0 auto!important;
		margin: 0 !important;
	}
	.eop-footer-bottom {
		text-align: center;
	}
}