/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * 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.
 */

/*=====================================
COMMON DESIGN START
========================================*/
:root {
	--transition:ease 0.3s all;
}
h1.elementor-heading-title, .heading_1 .elementor-heading-title {
	font-size:clamp(36px, 5vw, 72px);
}
h2.elementor-heading-title, .heading_2 .elementor-heading-title {
	font-size:clamp(30px, 4vw, 48px);
}
h3.elementor-heading-title, .heading_3 .elementor-heading-title {
	font-size:clamp(25px, 3.5vw, 36px);
}
h4.elementor-heading-title, .heading_4 .elementor-heading-title {
	font-size:clamp(22px, 3vw, 30px);
}
h5.elementor-heading-title, .heading_5 .elementor-heading-title {
	font-size:clamp(20px, 3vw, 25px);
}
h6.elementor-heading-title, .heading_6 .elementor-heading-title {
	font-size:clamp(17px, 2vw, 18px);
}
.elementor-element.mtb_100 {
    margin-top: 100px;
    margin-bottom: 100px;
}
.elementor-widget-text-editor ol li, .elementor-widget-text-editor ul li {
    margin-bottom: 15px;
}
.elementor-widget-text-editor ul {
    list-style: none;
    padding-left: 15px;
}
.elementor-widget-text-editor ul li {
    position: relative;
    padding-left: 20px;
}
.elementor-widget-text-editor ul li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var( --e-global-color-primary );
    /* display: inline-block; */
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}
/*=====================================
COMMON DESIGN END
========================================*/

/*=====================================
HEADER DESIGN START
========================================*/
.header_main,
.header_main .logo_site img {
	transition:ease 0.3s all;
}
.header_main.header_fix .logo_site img {
    max-width: 150px;
}
.header_main.header_fix {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
}
nav.elementor-nav-menu--dropdown > ul.elementor-nav-menu > li.menu-item > a.elementor-item {
    BORDER-BOTTOM: 1px solid #e0f3ee;
}
/*=====================================
HEADER DESIGN END
========================================*/

/*=====================================
HOMEPAGE DESIGN START
========================================*/
.heroDual_heading .elementor-heading-title span {
    color: #000;
}
.hero_left {
    height: 100%;
}
.img_boxex figure.elementor-image-box-img img {
    width: 100%;
}
.img_boxex .elementor-image-box-content p {
    transform: translate(-60px, 10px);
    margin-bottom: 15px;
}
/*=====================================
HOMEPAGE DESIGN END
========================================*/





/*=================================
FOOTER DESIGN START
==================================*/
.secFooter_form .elementor-shape.elementor-shape-top {
    transform: translate(-18vw, -10px) rotate(0deg) !important;
}
.secFooter_form {
    overflow: hidden !important;
}
.secFooter_form .elementor-shape.elementor-shape-bottom {
    transform: translate(40vw, 0px) rotate(180deg) !important;
}
.pri_pol a {
    text-decoration: underline;
    text-underline-position: under;
}
/*=================================
FOOTER DESIGN END
==================================*/


/*=================================
WHO WE ARE PAGE DESIGN START
==================================*/
.elementor-element.time_sec:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    background-color: rgb(255 255 255 / 40%);
}
.elementor-element.time_col {
    padding: 0 100px 70px 100px;
    background-color: var( --e-global-color-primary );
    border-radius: 15px;
    border: 1px solid rgb(255 255 255 / 40%);
    margin-top: 200px;
}
.elementor-element.time_col .heading_year {
    aspect-ratio: 1 / 1;
    width: 250px;
    height: 250px;
    max-width: 250px !important;
    border-radius: 50%;
    margin-top: -125px;
    margin-bottom: 20px;
}
.elementor-element.time_col .heading_year > .elementor-widget-container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / 40%);
}
/*=================================
WHO WE ARE PAGE DESIGN END
==================================*/

/*=================================
CASE STUDIES / CASE STUDIES SINGLE DESIGN START
==================================*/
.cs_list .elementor-widget-icon-box .elementor-icon-box-icon span.elementor-icon {
    margin-top: 9px;
}
/*=================================
CASE STUDIES / CASE STUDIES SINGLE DESIGN END
==================================*/

/*=================================
RESPONSIVE / MEDIA QUERY START
==================================*/
@media (max-width:1023px) {
	.hero_left {
		position: relative !important;
	}
	.elementor-element.time_col { 
		padding: 0 50px 50px 50px !important;
	}
	.header_main.header_fix {
    	padding: 10px;
	}
	.header_main.header_fix .logo_site img {
    	max-width: 120px;
	}
}
@media (max-width:767px) {
	.img_boxex .elementor-image-box-content p {
    transform: translate(0px, 10px);
    margin-bottom: 15px;
}
	.elementor-element.time_col {
		padding: 0 10px 20px 10px !important;
	}
.elementor-element.time_col .heading_year {
    aspect-ratio: 1 / 1;
    width: 150px !important;
    height: 150px !important; 
    max-width: 150px !important;
    margin-top: -75px !important;
    margin-bottom: 0 !important;
}
.elementor-element.time_col {
	margin-top: 100px !important;
}
.elementor-widget-text-editor ul {
    padding-left: 5px;
}
}
/*=================================
RESPONSIVE / MEDIA QUERY END
==================================*/