/*
Theme Name: Knote Child
Author: CodegearThemes
Description: Child theme for Knote
Author URI: https://www.codegearthemes.com
Theme URI: https://www.codegearthemes.com/products/knote
Template: knote
Version: 1.0.0
*/

:root {
 	--primary-color:#CF803F;
	--dark-grey:#EDD7C9;
	--light-grey:#F5EFE0;
	--white:#ffffff;
	--white-variant:#F5EFE0;
	--black:#000000;
	--grey:#414141;
}

/* homepage css */

/* header css */

.main-header_menu .sub-menu-toggle{
	display:none;
}

.contact-banner_background_img .e-child{
	height:100%;
}

.header-mobile_menu_icon{
	width:fit-content;
}

.menu-treatments-container ul,
.menu-service-areas-container ul{
	display: flex;
	gap: 5px;
	flex-direction: column;
}

.main-mobile_menu {
	width:100%;
}

.main-mobile_menu a{
	display:flex;
	justify-content:space-between;
}

.main-mobile_menu .sub-arrow{
	padding:10px 10px 10px 30px;
}

.main-mobile_menu .sub-menu a{
	font-size:16px !important;
}

.main-mobile_menu a.highlighted .sub-arrow svg{
	transform:rotate(180deg);
	transition: all 0.3s ease-in-out;
}

.accordion-content-wrappers .e-n-accordion-item-title{
	position:relative;
}

.accordion-content-wrappers .e-n-accordion-item-title-icon{
	position:absolute;
	right:10px;
}

.accordion-content-wrappers .e-n-accordion-item:last-child {
    border-bottom:1px solid var(--grey);
}

.e-n-accordion-item-title-text{
	color:var(--grey);
}

.treatment-background_img{
	height:100%;
}

.banner-image_content{
	position:relative;
}

.banner-image_content .elementor-widget-image{
	max-height:550px;
}

.banner-image_content img{
	height:100%;
	width:100%;
	object-fit:cover;
	align-content:end;
}

.banner-img_icon{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
}

.price-sup{
	vertical-align: super;
	font-size: 14px;
}

.accordion-content-wrappers.border-accordion .e-n-accordion{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.accordion-content-wrappers.border-accordion .e-n-accordion-item{
	border:1px solid var(--primary-color);
	border-radius:10px;
	background-color:var(--dark-grey);
}

.Journey-circular_number{
	width:50px;
	height:50px;
}

.lara-banner_container .e-con-inner{
	position:relative;
}

/* sidebar menu css  */

.side-menu_bar .menu-item{
	border:solid 1px var(--primary-color);
	margin:10px 0;
	background-color:var(--dark-grey);
}

/* service area inner page css  */

.service-areas_card_img{
	position:relative;
	z-index:0;
}

.service-areas_card_img::after{
	position:absolute;
	content:"";
	top:0;
	left:-100%;
	height:calc(50%);
	width:300%;
	background-color:var(--light-grey);
	z-index:-1;
}

.service-areas_card_img_wrapper{
	overflow:hidden;
}

.service-areas_carousel_wrapper{
	overflow:hidden;
}

.service-areas_carousel_title {
    width: calc(100% - 150px);
}

.service-areas_carousel .elementor-swiper-button,
.carousel-inner_icon .elementor-icon{
	background-color:#ffffff;
	padding:10px;
	border-radius:50px;
}

.service-areas_image_wrapper .elementor-widget-image{
	max-height:250px;
	min-height:250px;
}

.service-areas_image_wrapper .elementor-widget-image img{
	object-fit:cover;
}

.service-areas_carousel_catagory{
	background:#ffffff;
	padding:5px 15px;
	border-radius:20px;
}

.service-areas_units span{
	font-size: 12px;
	font-weight:400;
}

.service-areas_carousel_slides h5.elementor-heading-title{
	font-size:18px !important;
}

.service-grid_wrapper .elementor-heading-title {
	text-decoration:underline;
}

/* about page css */


/* contact page css */

.contact-form_name-row p{
	display:flex;
	gap:5px;
	margin-bottom:10px !important;
}

.contact-form input,
.contact-form textarea{
	border-radius:5px;
}

.submit_btn{
	background-color:var(--primary-color) !important;
	border-radius:5px;
	border:1px solid var(--white-variant) !important;
	color: var(--white-variant) !important;
	
}

.contact-icon_box{
	background-color:var(--white);
}

.contact-icon_box .elementor-icon{
	position:relative;
	z-index:0;
	padding:30px 0;
}

.contact-icon_box .elementor-icon::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
	height:100px;
	width:100px;
	background-color:var(--light-grey);
	border-radius:50px;
	z-index:-1;
}

.contact-banner_background_img .wpcf7-response-output{
	padding:5px !important;
	margin:10px 0 !important;
	border:1px solid var(--primary-color) !important;
	font-size:14px !important;
}

.contact-banner_background_img .contact-form p:last-child{
	display:flex;
}

/* footer css */

.footeer-navigation-menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

.footeer-navigation-menu h5{
	color:var(--primary-color);
}

.footeer-navigation-menu li a{
	color:var(--black);
}

.footeer-navigation-menu li a:hover{
	color:var(--primary-color);
}

.footer-contact_sub_title{
	width:fit-content;
}


@media (min-width: 768px){
	.service-areas_carousel .e-n-carousel{
	width:150%;
}
}


@media (max-width: 767px){
	.treatment-background_img{
		left:0 !important;
	}
	
	.lara-banner_image{
		position:relative;
	}
}