/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 03 2025 | 06:07:56 */
a:focus 
{
    outline: none !important;
}

.pigmar p
{
	margin-bottom:0px;
}

.wpformsid input, .wpformsid input:focus
{
	background-color: transparent !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 2px solid #B89A7E !important;
    border-radius: 0px !important;
	padding:0px !important;
	box-shadow: none !important;
}

.wpformsid .wpforms-field
{
	padding-top:0px !important;
}

.wpforms-submit
{
	background:#4D4037 !important;
	color:#F2E0C8 !important;
	border-radius:0px !important;
	width:100% !important;
	font-size: 14px !important;
    letter-spacing: 0.5px !important;
}

.wpforms-submit:hover
{
	background:#815838 !important;
}

.wpforms-submit:after
{
	border:0px !important;
}

.wpformsid input::placeholder
{
	color:#805739 !important;
	font-weight:600;
}

.nextend-arrow-previous
{
	position: absolute !important;
    bottom: 40px !important;
	left: 5rem;
}

.nextend-arrow-next
{
	position: absolute !important;
    bottom: 40px !important;
	left: 10rem;
}

.nextend-arrow img
{
	background:#4D4037 !important;
	border-radius:25px !important;
	padding:5px !important;
}

.nextend-arrow img:hover
{
	background:#A9876B !important;
}

.howimg img
{
	margin-top:-3rem;
}

.ourservice .qodef-qi-interactive-banner .qodef-m-image:after
{
	top: 80% !important;
}

.ourservice .qodef-qi-interactive-banner .qodef-m-image:after
{
	top: 80% !important;
}

.servicerelative
{
	position:relative;
}

.sericon img
{
	position:absolute;
	bottom:100px;
	left:15px;
	opacity:0;
}

.servicerelative:hover .qodef-qi-interactive-banner
{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.servicerelative:hover .sericon img
{
	opacity:1;
}

.servicerelative .qodef-qi-interactive-banner .qodef-m-image img
{
	height:300px;
	object-fit: cover;
}

.sidtable
{
    width: 100%;
    border:none;
}

.sidtable td
{
    padding: 15px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #4D4037;
	font-weight: 600;
}

.sidtable th
{
    background-color: #CFBAA7;
    text-align: left;
    padding: 15px;
    font-weight: 600;
	border: none;
	color:#54473F;
}

.sidtable img
{
	padding-right:10px;
}

.typeimage img
{
	margin-top:-4rem;
}

.blog-layout-4
{
	background:#F2E0C8;
}

.ast-blog-layout-4-grid
{
	padding-left: 5vw !important;
    padding-right: 5vw  !important;
    padding-top: 3vw !important;
    padding-bottom: 1vw !important;
}

#brownbox .elementor-image-box-description
{
	min-height: 150px;
}

#brownbox .elementor-image-box-title
{
	min-height: 50px;
}

.popupcol
{
	display:flex;
	background: #F9F2E4;
}

.imgcol
{
	width:40%;
	align-content:center;
}

.formcol
{
	width:60%;
	align-content: center;
}

.formcol p
{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:400;
}

.formcol .wpforms-container
{
	margin:0px auto !important;
}

#popmake-1760
{
	background: #F9F2E4;
}

.formcol .wpforms-field
{
	padding:6px 0px !important;
}


@media only screen
and (min-width:0px)
and (max-width:576px)
{
	.sidtable .t1
	{
		width:60%;
	}
	
	.sidtable .t2
	{
		width:20%;
	}
	
	.sidtable img
	{
		display:block;
	}
	
	.nextend-arrow-previous
	{
		left:1rem;
	}
	
	.nextend-arrow-next
	{
		left: 5rem;
	}
	
	.n2-ss-item-content p
	{
		text-align:center;
	}
	
	.ast-blog-layout-4-grid
	{
		padding-left: 1vw !important;
		padding-right: 1vw  !important;
	}
	
	.sub-menu ul
	{
		background:#d2bb9d !important;
	}
	
	.imgcol
	{
		display:none;
	}
	
	.formcol
	{
		width:100%;
	}
}

@media only screen
and (min-width:577px)
and (max-width:767px)
{
	
}

@media only screen
and (min-width:768px)
and (max-width:991px)
{
	
	#hairbrownbox 
	{
    	min-height: 31.5rem;
	}
	
	#hairbrownbox2
	{
    	min-height: 21.5rem;
	}
	
	#skinbrownbox1
	{
		min-height: 33rem;
	}
	
	#skinbrownbox2
	{
		min-height: 30rem;
	}
	
	#skinbrownbox3
	{
		min-height: 23rem;
	}


}

@media only screen
and (min-width:992px)
and (max-width:1199px)
{
	
	#hairbrownbox 
	{
		min-height: 23.5rem;
	}
	
	#hairbrownbox2
	{
    	min-height: 18rem;
	}
	
	#skinbrownbox1
	{
		min-height: 29rem;
	}
	
	#skinbrownbox2
	{
		min-height: 25rem;
	}
	
	#skinbrownbox3
	{
		min-height: 23rem;
	}
}

@media only screen
and (min-width:1025px)
and (max-width:1156px) 
{
    .elementor-156 .elementor-element.elementor-element-3ba554b {
        width: 32% !important;
    }
	
	.elementor-156 .elementor-element.elementor-element-8da31e4 {
        --width: 25% !important;
    }
}


@media only screen
and (min-width:1200px)
and (max-width:1400px)
{
	#hairbrownbox 
	{
   		min-height: 22rem;
	}
	
	#hairbrownbox2
	{
    	min-height: 16rem;
	}
	
	#skinbrownbox1
	{
		min-height: 25rem;
	}
	
	#skinbrownbox2
	{
		min-height: 23rem;
	}
	
	#skinbrownbox3
	{
		min-height: 19rem;
	}
}

@media only screen and (min-width: 1401px)
{
	#hairbrownbox 
	{
   		min-height: 20rem;
	}
	
	#hairbrownbox2
	{
    	min-height: 16rem;
	}
	
	#skinbrownbox1
	{
		min-height: 22rem;
	}
	
	#skinbrownbox2
	{
		min-height: 20rem;
	}
	
	#skinbrownbox3
	{
		min-height: 19rem;
	}
}





.elementor-1838 .elementor-icon-list-text {
    margin: 13px 0px 13px 0px !important;
	 
}

.elementor-1838 .elementor-icon-list-icon svg {
    width: 32px;
	height:32px;
}
.elementor-1838 .elementor-icon-list-item {

    line-height: 1em;
    padding-top: 7px;
}

.elementor-156 .elementor-element.elementor-element-8da31e4 {
    --align-items: flex-start;
}