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




#icon_ar .elementor-icon-list-icon{
    background-color: #90723a;
    padding: 8px;
    border-radius: 50%;
}

#btn_1{
color: #312510!important;
    border: none !important;
    border-radius: 32px!important;
    background: linear-gradient(180deg, #d7b87e, #90723a 50%, #755927)!important;
}

.inner_header {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    /* Solid maroon most of the way across; fade to transparent only
       near the right edge (behind the social icons). */
    background: linear-gradient(
        90deg,
        #4a2b2b 0%,
        #4a2b2b 82%,
        rgba(74, 43, 43, 0.75) 88%,
        rgba(74, 43, 43, 0) 96%
    ) !important;
}

.inner_header {
    height: 80px !important;   /* adjust to match the strip thickness you want */
    margin: auto 0 !important;
}
.inner_logo {
    position: relative !important;
    z-index: 10 !important;              /* sits above the maroon strip */
    width: 170px !important;
    height: 170px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 6px solid #6b4a4a !important; /* muted maroon ring */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin: -20px 0 !important;           /* negative margin = overhang above & below the strip */
    flex-shrink: 0 !important;
}
.inner_logo img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}


header.elementor-location-header {
    position: absolute !important;
    top: 40px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    transition: background-color 0.3s ease !important;
}
 



body:not(.home) header.elementor-location-header {
    background: #4A2B2B !important;
}
 
.ti-widget.ti-goog .ti-verified-by-row>.ti-inner {
    display: none!important;
}
 
/* ---- SCROLLED STATE (any page) - added by the JS ---- */
header.elementor-location-header.az-header-scrolled {
    background: #000000 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}
/* Flatten inner container backgrounds once scrolled, so it's one clean
   black bar rather than a colored strip sitting on black. */
header.elementor-location-header.az-header-scrolled .e-con.e-child:has(> .elementor-widget-theme-site-logo),
header.elementor-location-header.az-header-scrolled .e-con.e-child:has(> .e-con > .elementor-widget-theme-site-logo),
header.elementor-location-header.az-header-scrolled .e-con.e-child:has(> .elementor-widget-nav-menu),
header.elementor-location-header.az-header-scrolled .e-con.e-child:has(> .elementor-widget-social-icons) {
    background: transparent !important;
}
 
/* ---- CONTENT OFFSET (prevent page content hiding under the fixed header) ---- */
body {
    padding-top: var(--az-header-height, 150px) !important;
}
body.home {
    /* Homepage overlaps its hero image on purpose while at the top. */
    padding-top: 0 !important;
}
body.home.az-scrolled-body {
    /* Once scrolled, homepage becomes a normal fixed black bar too, so it
       needs the same content offset as any other page. */
    padding-top: var(--az-header-height, 150px) !important;
}
 
.elementor .e-5955e33{
	background-position: bottom -18px center, 50%;
}

/*
.second_section
 {
    background: linear-gradient(180deg, #fff, #faece6 25%, #fdf6f3 75%, #fff)!important;
    padding: 40px 0!important;
}
*/

.services .service_card img{
border-radius: 50%!important;
    border: 10px solid #fff!important;
    overflow: hidden;
    margin: 0 auto 20px!important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24)!important;
	width:300px;
	height:300px;
}

.services .service_card img{    
	display: block;
    
    object-fit: cover;
    object-position: center;
}


.elementor-widget-form .elementor-button[type="submit"] {
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    padding: 15px 35px;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
    cursor: pointer;
    color: #312510;
    border: none !important;
    border-radius: 32px;
    background: linear-gradient(180deg, #d7b87e, #90723a 50%, #755927);
    transition: .5s;
    position: relative;
    overflow: hidden;
    z-index: 99;
}


#services {
    background: linear-gradient(180deg, #fff, #faece6 25%, #fdf6f3 75%, #fff);
    padding: 40px 0;
}


.elementor-236 .elementor-element.elementor-element-b8334ee .elementor-image-box-wrapper .elementor-image-box-img {
  
    position: relative !important;
    z-index: 10 !important;
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 6px solid #6b4a4a !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    margin: -20px 0 !important;
    flex-shrink: 0 !important;
}


.elementor-236 .elementor-element.elementor-element-b8334ee .elementor-image-box-title:after{
	    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background-color: #6D4242 !important;
}

.elementor-49 .elementor-element.elementor-element-7f1b88e .elementor-field-group .elementor-field {
    padding: 0px;
}


.service_title{
	background: linear-gradient(90deg, #512f2e, #6f3231);
    padding: 10px 20px;
    position: relative;
    margin-bottom: 50px;
}


.service_title .elementor-widget-image img {
    border: 2px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    left: 30px;
    top: 50%;
    overflow: hidden;
    background: #eac77c;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width: 768px) {
.inner_logo {
    position: relative !important;
    z-index: 10 !important;
    width: 117px !important;
	height: 117px !important;
	margin-top: -40px !important;
}
.footer_main .elementor-image-box-img {
		display: inline-flex!important;
	}
	

.elementor-widget-image-box .elementor-image-box-content {
	margin-top: 27px;
	}
	
	.elementor .e-56f2d19{display:none!important;}
	.elementor .e-f3dbcbb-6001d76{display:none!important;}
	
	.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
    background: #4A2B2B;
}

.elementor-11 .elementor-element.elementor-element-5f3e501 .elementor-nav-menu .elementor-item {
    color: #fff;
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover {
	background-color:rgb(201, 162, 39)!important;
}
	
	
}