/*
Theme Name: Solarva
Theme URI: http://demo.casethemes.net/solarva
Author: Case-Themes
Author URI: https://casethemes.net/
Description: Solarva is a stunning, professional and flexible Ecology, Solar Energy, and Renewable Energy WordPress theme. Solarva based on in-depth research into Solar power, Wind power, Hydro power, Geothermal energy, Biomass, Biofuels, etc. Solarva is the new outstanding, extremely modern WordPress Theme, designed for energy efficiency company, solar and alternative energy and eco friendly technologies websites.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: solarva
Tags: eco, ecology, electricity, energy, energy business, environment, environmental, green energy, natural, nature, nature theme, renewable energy, solar, wind
Copyright (c) 2024 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
.elementor-element-22d07c8
{
	border-left: 1px dotted;
}
.elementor-element-be958a3
{
	border-left: 1px dotted;
}
.pxl-btn--text 
{
	margin-left:10px;
}
@media (max-width: 480px) {
	.elementor-5705 .elementor-element.elementor-element-9f1b048.elementor-column > .elementor-widget-wrap
	{
		justify-content: center!important;
	}
	.elementor-5705 .elementor-element.elementor-element-b52dae1 .pxl-button .pxl-item--inner
	{
		justify-content: center;
	}
	.elementor-13177 .elementor-element.elementor-element-b7759d5 .pxl-heading .pxl-item--title
	{
		font-size:32px!important;
	}
	.elementor-element-c4d6d7d
	{
		height: 70px!important;
	}
}

@media (max-width: 575px) {
    .elementor-13177 .elementor-element.elementor-element-b7759d5 .pxl-heading .pxl-item--title {
       font-size:32px!important;
    }
}

.current-menu-item a
{
	color:#6ec1e4!important;
}
.elementor-element-3030138
{
	height: 30px!important;
}
.elementor-5707 .elementor-element.elementor-element-3030138 > .elementor-container
{
	height: 30px!important;
}
.elementor-accordion .elementor-accordion-item:first-of-type {
display: none;}
.elementor-accordion {
 /* border-top: 1px solid  #D4DFF2C7;*/
}
.pxl-header-fixed .pxl-logo {
  margin-top: 0px !important;
}
/*	.pxl-logo {
  transition: margin-top 0.3s ease;
}*/

.pxl-nav-mobile-button {
    top: 50px !important;
  }
/* For screens exactly 1280x800 (like in test tool) */
@media screen and (width: 1280px) and (height: 800px) {
  .pxl-logo {
    margin-top: 30px !important;
    margin-left: 80px !important;
  }
}

/* For your real screen (1536x695), fix logo layout */
@media screen and (width: 1536px) and (height: 695px) {
  .pxl-logo {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 1600px) {
  .pxl-logo {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
}
@media screen and (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
  .pxl-logo {
    margin-top: 30px!important;
  }
}
@media screen and (min-width: 2560px) and (max-width: 2560px) and (min-height: 1440px) and (max-height: 1440px) {
  .pxl-logo {
    margin-top: 30px!important;
  }
}
@media screen and (min-width: 3840px) and (max-width: 3840px) and (min-height: 2160px) and (max-height: 2160px) {
  .pxl-logo {
    margin-top: 30px!important;
  }
}
@media screen and (min-width: 4096px) and (max-width: 4096px) and (min-height: 2304px) and (max-height: 2304px) {
  .pxl-logo {
    margin-top: 30px!important;
  }
}
@media screen and (min-width: 5120px) and (max-width: 5120px) and (min-height: 2880px) and (max-height: 2880px) {
  .pxl-logo {
    margin-top: 30px!important;
  }
}
@media screen and (max-width: 414px) and (max-height: 896px) {
  .pxl-nav-mobile-button {
    top: 30px !important;
  }
	#menu-top-menu-1 li a
	{
			border-bottom: none!important;
	}
}
@media (max-width: 414px) {
  .pxl-nav-mobile-button {
    top: 30px !important;
  }
	#menu-top-menu-1 li a
	{
			border-bottom: none!important;
}
}
@media screen and (max-width: 480px) {
  .pxl-nav-mobile-button {
    top: 30px !important;
  }
	#menu-top-menu-1 li a
	{
			border-bottom: none!important;
	}
}
@media screen and (max-width: 1360px) and (max-height: 768px) {
	 .pxl-logo {
    margin-top: 30px!important;
  }
	#menu-top-menu-1 li a
	{
			border-bottom: none!important;
}

@media screen and (width: 1366px) and (height: 768px) {
.pxl-logo {
    margin-top: 30px!important;
  }
	#menu-top-menu-1 li a
	{
			border-bottom: none!important;
	}
}


@media screen and (max-width: 414px) and (max-height: 896px),
       screen and (max-width: 414px),
       screen and (max-width: 480px) {
  .pxl-nav-mobile-button {
    top: 30px !important;
  }
}

@media screen and (width: 1366px) and (height: 768px),
       screen and (max-width: 1360px) and (max-height: 768px),
       screen and (width: 1280px) and (height: 800px) {
  .pxl-logo {
    margin-top: 30px !important;
  }
	#menu-top-menu-1 li a
	{
			border-bottom: none!important;
	}
}

@media screen and (min-width: 1200px) {
  .pxl-logo {
    margin-top: 30px;
	margin-left:60px;
  }
}
@media screen and (width: 1440px) and (height: 900px) {
  .pxl-logo {
    margin-top: 0px !important;
    /* Add more specific styles here */
  }
}

@media screen and (width: 1920px) and (height: 1200px) {
  .pxl-logo {
    margin-top: 30px !important;
    /* Add other specific styles here */
  }
}
.course-button-carousel { 
  white-space: nowrap;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  padding: 10px 0;
}

.course-tab {
  padding: 10px 15px!important;
  white-space: nowrap!important;
  background: #ffffff!important;
  cursor: pointer;
  border: 1px solid #ccc!important;
  transition: all 0.3s ease;
  display: inline-block;
}
.course-tab.active {
  background: #015baa!important;
  color: #fff!important;
}	
	
.course-content {
  display: none;
}

	
@media (max-width: 768px) {
  #managementCourse {
    display: block !important;
  }
}
.slick-prev, .slick-next {
  z-index: 99;
  background: transparent;
  border: none;
  font-size: 24px;
  color: #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

/* Desktop spacing */
.slick-prev {
  left: -20px;
}

.slick-next {
  right: -20px;
}

/* ✅ Mobile-friendly fix */
@media (max-width: 768px) {
 
button.course-tab.slick-active.active {
  background: #015baa !important;
  color: #fff !important;
}
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated{
		padding:0px!important;
	}
	
.elementor-section.elementor-section-items-middle>.elementor-container {
    align-items: normal!important;
}