/**
 * Theme Name:     Dara Agruss Design
 * Author:         setmysite
 * Template:       hello-elementor
 * Text Domain:	   dara-agruss-design
 * Description:    Dara child theme.
 */

ul {
	 margin-bottom: 25px;
}
.testimonial-slide .testimonial-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;               
    line-height: 1.5;               
    max-height: 6em;        
}
.testimonial-slide .elementor-element-7619037{
	display:block
}

.testimonial-slide .elementor-widget-button{
	display:flex;
	justify-content:end
}

.hero-section-text-center{
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	 transition: 
        opacity 0.5s ease-in-out, 
        transform 0.5s ease-in-out, 
        clip-path 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
    clip-path: inset(0% 0% 0% 0%); 
}
#menu-items .hero-section-text-center{
	justify-content:center !important;
}

.header-section .elementor-319 .elementor-element.elementor-element-a86b2be .elementor-menu-toggle:hover, .elementor-319 .elementor-element.elementor-element-a86b2be .elementor-menu-toggle:focus {
	color:#fff !important
}


.header-section .elementor-nav-menu .sub-arrow{
	padding-top:5px !important;
	padding-left:8px;
	font-size:12px
}

header:has(.elementor-menu-toggle[aria-expanded="true"]) + .elementor .hero-section-text-center {
    opacity: 0;
    transform: translateY(20px); 
    clip-path: inset(100% 0% 0% 0%);
    pointer-events: none; 
}


.blog-tabs .e-n-tab-title{
	padding:0px !important
}
.blog-tabs .elementor-widget-container a{
	width:100% !important
}
 .elementor-icon-list-items.elementor-post-info{
	display:flex;	
}
.blog-detail-category ul::after {
    content: "";
    display: flex;
	align-items:center;
    width: 2px;
    height: 22px;
    background-color: #3E3E3C;
    vertical-align: middle;
    margin: 0 6px;
}
.contact-us-form .e-form__buttons{
	margin-top:40px !important
}
.contact-us-form .e-form__buttons:hover{
background-color:#E6E2DB !important;
	color:#3E3E3C
}
.contact-us-form .elementor-mark-required .elementor-field-label:after{
	color:#DBCEA3 !important;
	padding-inline-start:unset !important
}
.contact-us-form .elementor-field-label{
	width:100% !important;
}
.contact-us-form .elementor-field-subgroup{
	display: grid !important;
    grid-template-columns: repeat(3, 1fr); 
    grid-row-gap: 18px;
	max-width:52% !important;
	margin-top:10px !important
}
.contact-us-form .elementor-field-option label{
	font-size:16px !important;
	font-family:"Cambay", Sans-serif !important;
	color:#3E3E3C !important;
	margin-left:6px !important	
}

body.stop-scrolling {
    overflow: hidden !important;
    height: 100vh !important;
}
#menu-items .sub-menu{
	background-color:rgba(148, 140, 127, 1) !important
}
#menu-items .sub-menu a{
	padding:6px !important
}
.arrow-button:hover .elementor-button-icon svg path{
	fill:#E6E3DC !important
}
.contact-us-form .elementor-select-wrapper{
	position:relative
}
.client-questionnaire:hover a ,
.client-questionnaire:hover svg path{
	background-color:#727170 !important;
	color:#E6E3DC !important;
	fill:#E6E3DC !important
}
.contact-us-form  .elementor-select-wrapper .select-caret-down-wrapper{
right:20px
}
.contact-us-form  .elementor-select-wrapper .elementor-field-textual{
	padding:9px 16px 5px 16px !important
	
	
}
.contact-us-form .elementor-message-danger{
	position:absolute;
	top:100%;
	margin:3px 0
}
.arrow-button .elementor-button-icon{
	position:relative;
	top:-2px;
	font-size:20px
}
.faq-accordian div[role="region"]{
	margin-bottom:16px 
}

@media (max-width:768px){
	.contact-us-form .elementor-field-type-checkbox .elementor-field-subgroup{
		max-width:100% !important;
		grid-template-columns:repeat(2, 1fr)!important;
	}	
	.contact-us-form .e-form__buttons{
		margin-top:0px !important
	}
	.blog-detail-category ul::after{
		height:15px;
		margin:0 4px;
	}
	h3{
		line-height:30px!important
	}
	.footer-section .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{
		margin-bottom:16px
	}
}



@media (max-width: 1024px) {
    body:has(.elementor-menu-toggle.elementor-active) .hero-section::before {
        background-color: rgba(0, 0, 0, .85) !important;
    }
}