/* 
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
*/

.members-to-posts > .elementor-widget-container {
	display: flex;
}
.elementor-widget-wp-widget-categories {
	background-color: var(--e-global-color-46ba57a);
	padding: 25px;
	border-radius: 12px;
}
.elementor-widget-wp-widget-categories ul {
	list-style-type: none;
	padding: 0
}
.elementor-widget-wp-widget-categories ul li {
	padding: 12px 0;
	border-bottom: 1px solid var(--e-global-color-cc93c62)
}
.elementor-widget-wp-widget-categories ul li:last-child{
	border-bottom: none;
}
.elementor-widget-wp-widget-categories ul li a {
	color: var(--e-global-color-text);
	font-weight: 500
}
.featured-menu li {
	background: var(--e-global-color-46ba57a);
}
.featured-menu li.current-menu-item, .active-last.featured-menu li:last-child, .active-first.featured-menu li:first-child {
	background: var(--e-global-color-primary);
}
.featured-menu li.current-menu-item a, .elementor-widget-nav-menu.featured-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .active-last.featured-menu li:last-child a, .active-first.featured-menu li:first-child a{
	color: #fff
}


.case-boxes .cases-boxes-grid{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: stretch;
}
.case-boxes .cases-boxes-grid > .case-box{
  flex: 0 0 calc(33.333% - 8px);
  box-sizing: border-box;
  display: flex;
  min-width: 0;
}

.services-boxes .services-boxes-wrap{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: stretch;
}
.services-boxes .services-boxes-wrap > .services-boxes-item{
  flex: 0 0 calc(50% - 6px);
  box-sizing: border-box;
  display: flex;
  min-width: 0;
}

.case-boxes .cases-boxes-grid > .case-box > .e-loop-item,
.services-boxes .services-boxes-wrap > .services-boxes-item > .e-loop-item{
  width: 100%;
  display: flex;
}

.case-boxes .e-loop-item > .e-con,
.services-boxes .e-loop-item > .e-con{
  width: 100%;
  display: flex;
}
.case-boxes .e-loop-item > .e-con > .e-con-inner,
.services-boxes .e-loop-item > .e-con > .e-con-inner{
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.case-boxes .elementor-widget-text-editor .elementor-widget-container,
.services-boxes .elementor-widget-text-editor .elementor-widget-container{
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.case-boxes .elementor-widget-text-editor .elementor-widget-container p:last-child,
.services-boxes .elementor-widget-text-editor .elementor-widget-container p:last-child{
  margin-top: auto;
}

.case-boxes .e-loop-item h6,
.services-boxes .e-loop-item h6{
  font-style: italic;
  margin: 0;
}
.case-boxes .e-loop-item h4,
.services-boxes .e-loop-item h4{
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 30px;
}
.case-boxes .e-loop-item h3,
.services-boxes .e-loop-item h3{
  color: #fff;
}

.case-boxes .e-loop-item a,
.services-boxes .e-loop-item a{
  background-color: var(--e-global-color-primary);
  padding: 12px 25px;
  color: #fff;
  border-radius: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  max-width: 100%;
  box-sizing: border-box;
  text-align: center;

  white-space: normal;
  overflow-wrap: anywhere;
}

.case-boxes .e-loop-item,
.services-boxes .e-loop-item,
.case-boxes .e-loop-item .elementor-element,
.services-boxes .e-loop-item .elementor-element{
  height: 100%;
}

.cases-white .elementor-cta .elementor-cta__content{
  background: #fff !important;
}



/* homepage image boxes style */

.hp-eg-card {
  position: relative;
}

.hp-eg-card .hero-media {
  overflow: hidden !important;
}

.hp-eg-card .hero-image .elementor-widget-container {
  height: 240px;
  overflow: hidden;
}

.hp-eg-card .hero-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  display: block;
}

.hp-eg-card .hero-spacer {
  position: absolute !important;
  left: 40% !important;
  top: 229px !important;
  width: 65% !important;
  z-index: 50 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.hp-eg-card .hero-spacer .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
  transform: translateX(-50%);
  transform-origin: left center;
}

.hp-eg-card .hero-spacer {
  will-change: transform, opacity;
}

.hp-eg-card .hero-spacer .elementor-spacer-inner {
  height: 12px !important;
  display: block !important;
}

.hp-eg-card .hero-spacer .elementor-spacer {
  height: auto !important;
}

@media (max-width: 1024px) {
  .hp-eg-card .hero-image .elementor-widget-container { height: 142px; }
  .hp-eg-card .hero-spacer { top: 131px !important; }
  .hp-eg-card .hero-media {
    --min-height: 142px !important;
    min-height: 142px !important;
  }
}

@media (max-width: 767px) {
  .hp-eg-card .hero-image .elementor-widget-container { height: 125px; }
  .hp-eg-card .hero-spacer { top: 114px !important; }
  .hp-eg-card .hero-media {
    --min-height: 125px !important;
    min-height: 125px !important;
  }
}

/* formidable alignment */

#frm_field_2_container .frm_primary_label {
    visibility: hidden;
}

/* slider navigation arrows */
.elementor-swiper-button-next, 
.elementor-swiper-button-prev {	
	  border-radius: 50%;
    backdrop-filter: blur(10px);
    padding: 15px;
}

@media (max-width: 767px) {
	  .elementor-swiper-button-next, 
	.elementor-swiper-button-prev {	
		padding: 7px;
	}
}

/* hero heading */


.hero-container{
  position: relative !important;
}

.hero-heading{
  position: absolute !important;

  top: 50% !important;
  left: 50% !important;

  transform: translate(-50%, -50%) !important;

  z-index: 20 !important;

  width: min(90vw, 900px);
  margin: 0 !important;
}

.hero-heading h1 {
  font-size: clamp(22px, 3.2vw, 40px);
  line-height: 1.2;
}