/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1733463661
Updated: 2024-12-06 05:41:01

*/

.banner_content>.elementor-element { max-width: 600px; margin-left: auto; }
.banner_main_image{width: 100%;}
.with_span .elementor-widget-container span{color: var( --e-global-color-accent );display: inline-block;padding-right: 5px;}
.generated_leads_outer { padding-left: calc((100% - 1200px)/2); }
.statue_image img { height: 118%; object-fit: contain; }
.statue_image { height: 100% !important; width: auto !important; }

.traju_image .elementor-widget-container::after { content: ""; width: 101%; aspect-ratio: 1/1; background: #EDEAEA; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: -1; }

.recent_client_slider .swiper-slide { padding: 40px; border: 1px solid #D2D2D2; border-radius: 20px; }
.recent_client_slider .elementor-image-carousel-wrapper.swiper { overflow: unset; }
.recent_client_slider .elementor-image-carousel-wrapper.swiper img.swiper-slide-image { aspect-ratio: 5/1; object-fit: contain; }
.areas_of_law { background-position: 91% 100%; background-size: 26% !important; }
.why_logo_decoration { width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; background: #fff; display: grid; place-items: center; border-radius: 50%;padding: 15px; }
.why_logo_decoration .elementor-widget-container { display: flex; border: 1px solid #D2D2D2; aspect-ratio: 1/1; align-items: center; justify-content: center; border-radius: 50%;padding: 10px; }
.count_lead .elementor-widget-container { display: flex; align-items: center; justify-content: center; width: 60px !important; height: 60px !important; border-radius: 50%; }

.arrow_icon svg{height: fit-content !important;}
.aspect_square img.attachment-full.size-full.wp-image-981 { aspect-ratio: 1/1; object-fit: cover; object-position: top center; }
.trx_image { transform: translateX(-5%); }

.testimonial .swiper-wrapper{width: max-content;}
.count_lead {display: flex;align-items: center;justify-content: center;width: 60px !important;height: 60px !important;border-radius: 50%;}


@media only screen and (max-width: 1400px) {
    .banner_content>.elementor-element {
        max-width: 100%;
    }
    .generated_leads_outer {
        padding-left: 100px;
    }
    .grid_overflow_stop { width: 100%; }
}

@media only screen and (max-width: 1024px) {
    .generated_leads_outer { padding-left: 40px;}
    
}


@media only screen and (max-width: 767px) {
    .generated_leads_outer {padding-left: 20px;}
    
    
}