/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*
 * Global CSS
 * */

body{
	--white-color: var(--e-global-color-3318ec3);
	--bg-color: var(--e-global-color-f5462e0);
	--dark-color: var(--e-global-color-5b77f2d);
}

.br-desktop-none br{
    display: none;
}

figure,
.elementor-widget-image-carousel .swiper .swiper-slide figure{
    line-height: 0;
}

.elementor-widget-theme-post-excerpt p:last-child,
.elementor-widget-text-editor p:last-child{
    margin-bottom: 0;
}

.elementor-widget-icon .elementor-icon-wrapper,
.elementor-widget-icon-box .elementor-icon-box-icon{
    line-height: 0;
}

.icon-height-size.elementor-widget-icon .elementor-icon-wrapper .elementor-icon svg{
    height: auto;
}

.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-image-box .elementor-image-box-title{
    margin-top: 0;
}

.icon-box-icon-center.elementor-widget-icon-box .elementor-icon-box-wrapper{
    align-items: center;
}

/* Button CSS */
.elementor-widget-button .elementor-button{
    transition: all 0.3s ease-in-out;
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper{
	align-items: flex-end;
}

.elementor-widget-button .elementor-button .elementor-button-icon{
	line-height: 0;
	margin-bottom: 5px;
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
	width: 14px;
	fill: var(--e-global-color-primary);
	transition: all 0.3s;
}

.dark-blue.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
	fill: currentcolor;
}

.elementor-widget-button .elementor-button:hover .elementor-button-icon svg,
.elementor-widget-button .elementor-button:focus .elementor-button-icon svg{
	fill: currentcolor;
}

/* Icon & Images Box CSS */
.elementor-widget-icon-box .elementor-icon-box-description a,
.elementor-widget-image-box .elementor-image-box-description a{
    color: inherit;
    transition: all 0.3s ease-in-out;
}

/*  Tab Widget CSS */
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:hover,
.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title:focus{
    border-radius: var(--n-tabs-title-border-radius);
}

.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title{
    transition: all 0.3s ease-in-out;
}

.elementor-widget-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-icon svg path{
    transition: all 0.3s;
}

/* Menu Border CSS */
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a, 
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:focus, 
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:hover{
	border-inline-start: 0 !important;
}

@media only screen and (max-width: 1024px) {
	
	.br-tablet-none br{
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	
	.br-mobile-none br{
		display: none;
	}
	
	.elementor-widget-button .elementor-button .elementor-button-content-wrapper{
		gap: 10px !important;
	}
	
	.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon svg{
		width: 10px;
	}
}

/* 
 * Header CSS 
 * */

.header-logo .elementor-widget-container a{
	display: block;
}

.mobile-menu{
	display: none !important;
}

.header-contact-info ul {
	gap: 2.083vw;
	
}

.header-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li > a{
	transition: all 0.3s ease-in-out;
}

.header-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li > a:hover,
.header-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li > a:focus,
.header-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li.current_page_item > a,
.header-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li.current-menu-parent > a{
	font-weight: 500 !important;
}

.header-menu .elementor-nav-menu--dropdown ul li a:hover,
.header-menu .elementor-nav-menu--dropdown ul li a:focus,
.header-menu .elementor-nav-menu--dropdown ul li.current-menu-parent > a,
.header-menu .elementor-nav-menu--dropdown ul li.current-menu-parent a.elementor-item-active{
	font-weight: 500 !important;
	background: var(--dark-color);
}

@media only screen and (max-width: 1440px){
	
	.header-contact-info ul{
		gap: 5px 20px;
	}
	
	.header-contact-info ul li .elementor-icon-list-text,
	.header-top-bar-menu ul li .elementor-icon-list-text{
		font-size: 17px;
	}
	
	.header-top-bar-menu ul{
		gap: 5px 20px;
	}
	
	.header-top-bar-menu ul li{
		margin: 0 !important;
		padding:0 !important;
	}
	
}

@media only screen and (max-width: 1024px) {
	
	.mobile-menu{
		display: block !important;
	}
	
	.header-menu nav ul li.contact-cta-menu{
		display: inline-block !important;
		float: left;
		width: 50%;
		padding: 20px !important;
	}
	
	.header-menu nav ul li.contact-cta-menu a{
		text-align: center;
        align-items: center;
        justify-content: center;
		background-color: var(--white-color) !important;
		color: var(--e-global-color-accent) !important;
		border-radius: 100px;
		padding: 15px;
		transition: all 0.3s ease-in-out;
	}
	
	.header-menu nav ul li.contact-cta-menu a:hover{
		background-color: var(--e-global-color-primary) !important;
		color: var(--white-color) !important;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.header-menu nav ul li.contact-cta-menu{
		float: none;
		width: 100%;
		padding: 10px 20px !important;
	}
	
	.header-menu nav ul li.contact-cta-menu:last-child{
		padding-bottom: 30px !important;
	}
	
	.header-menu nav ul li.contact-cta-menu a{
		border-radius: 10px;
		padding: 8px;		
	}
	
}

/* 
 * Footer CSS 
 * */
.footer-privacy-policy-nav .elementor-nav-menu li.copyright a {
    cursor: default;
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
	
	.footer-privacy-policy-nav .elementor-nav-menu{
		row-gap: 5px;	
	}
	
	.footer-privacy-policy-nav .elementor-nav-menu li.copyright{
		width: 100%;
	}
	
	.footer-privacy-policy-nav .elementor-nav-menu li.copyright a{
		justify-content: center;
		margin: 0;
	}

}

/*
 * Contact form template CSS
 * */
.contact-form-template .elementor-form .elementor-field-group label{
	margin-left: 25px;
}

.contact-form-template .elementor-form .elementor-field-group input,
.contact-form-template .elementor-form .elementor-field-group select,
.contact-form-template .elementor-form .elementor-field-group textarea{
	padding: 22px 15px 22px 40px;
}

.contact-form-template .elementor-form .elementor-field-group input::placeholder,
.contact-form-template .elementor-form .elementor-field-group select::placeholder,
.contact-form-template .elementor-form .elementor-field-group textarea::placeholder{
	font-weight: 200;
}

.contact-form-template .elementor-select-wrapper .select-caret-down-wrapper{
	inset-inline-end: 50px;
}

/* .contact-form-template .elementor-field-type-html{
    width: calc(60% - 22.5px);
	margin-left: 35px;
    padding: 0px;
} */

/* .contact-form-template .elementor-field-type-submit{
	width: calc(40% - 22.5px);
    margin-left: 10px;	
} */

.contact-form-template .elementor-field-type-submit .elementor-button{
	padding: 25px 40px 25px 40px;
	transition: all 0.3s ease-in-out;
}

/* .contact-form-template .elementor-form .elementor-button .elementor-button-content-wrapper{
	align-items: flex-end;
} */

.contact-form-template .elementor-button-icon{
	line-height: 0;
    margin-left: 10px;
}

.contact-form-template svg{
	width: 14px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 1024px) {
	
	.contact-form-template .elementor-form .elementor-field-group label{
		margin-left: 15px;
	}
		
	.contact-form-template .elementor-form .elementor-field-group input,
	.contact-form-template .elementor-form .elementor-field-group select,
	.contact-form-template .elementor-form .elementor-field-group textarea{
		padding: 15px 15px 15px 20px;
		border-radius: 15px !important;
	}
	
	.contact-form-template .elementor-select-wrapper .select-caret-down-wrapper{
		inset-inline-end: 30px;
	}

/* 	.contact-form-template .elementor-field-type-html{
		width: 100%;
		padding: 0 !important;
	}

	.contact-form-template .elementor-field-type-submit{
		width: auto;
	} */
	
	.contact-form-template .elementor-field-type-submit .elementor-button{
		padding: 16px 32px 16px 32px;
	}
	
	.contact-form-template svg{
		width: 12px;
	}
}

/*
 * Non Binding Advice Template CSS
 * */

.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group label{
	font-size: 16px !important;
}

.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group input,
.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group select,
.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group textarea{
	font-size: 16px !important;
	padding: 16px 15px 16px 25px;
}

.non-binding-template-form .contact-form-template .elementor-field-type-html{
	font-size: 14px !important;
/* 	padding: 0 !important; */
/* 	width: 50%; */
}

/* .non-binding-template-form .contact-form-template .elementor-field-type-submit{
	width: auto;
} */

.non-binding-template-form .contact-form-template .elementor-field-type-submit .elementor-button{
	padding: 17px 30px 17px 30px;	
}

.non-binding-template-form .contact-form-template .elementor-field-type-submit .elementor-button .elementor-button-text{
	font-size: 19px;
}

.non-binding-template-form .contact-form-template svg{
	width: 12px;
}

@media only screen and (max-width: 1024px) {
	
	.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group input,
	.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group select,
	.non-binding-template-form .contact-form-template .elementor-form .elementor-field-group textarea{
		font-size: 16px !important;
		padding: 15px 15px 15px 20px;
	}
}

@media only screen and (max-width: 767px) {
	
/* 	.non-binding-template-form .contact-form-template .elementor-field-type-html{
		width: 100%;
	} */
	
}


/* 
 * Home CSS 
 * */
.our-priority-counter-box .elementor-widget-container{
	height: var(--container-widget-width) !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.personal-injury-box .elementor-icon-box-content .elementor-icon-box-title{
	position: relative;
	border-bottom: 1px solid var(--e-global-color-primary) !important;
	padding-right: 60px;
	width: fit-content;
}

.personal-injury-box:hover .elementor-icon-box-content .elementor-icon-box-title{
	color: var( --e-global-color-primary );
	border-bottom: 1px solid var(--e-global-color-accent) !important;
	transition: all 0.3s ease-in-out;
}

.personal-injury-box .elementor-icon-box-content .elementor-icon-box-title:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: auto;
	bottom: auto;
	background: var(--e-global-color-text);
	mask-image: url("./images/btn-arrow.svg");
	mask-repeat: no-repeat;
	mask-size: 100%;
	width: 12px;
	height: 12px;
	transform: translate(0, -5px);
	transition: all 0.3s ease-in-out;
}

.personal-injury-box:hover .elementor-icon-box-content .elementor-icon-box-title:before{
	background: var( --e-global-color-accent );
}

.personal-injury-list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
}

.personal-injury-list ul li{
	width: calc(33.33% - 40px);
}

.personal-injury-list ul li a{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 20px 30px;
	border: 1px solid var(--e-global-color-text);
	border-radius: 35px;
	transition: all 0.4s ease-in-out;
}

.personal-injury-list ul li a:hover{
	background: var(--e-global-color-accent);
	border: 1px solid transparent;
}

.home-video .elementor-wrapper{
	--video-aspect-ratio: 1.81 !important;
}

.home-video .elementor-custom-embed-image-overlay{
	position: relative;
}

.home-video .elementor-custom-embed-image-overlay .elementor-custom-embed-play{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--e-global-color-primary);
	mix-blend-mode: multiply;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	transform: translate(0, 0);
	z-index: 0;
}


.home-video .elementor-custom-embed-play i{
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	opacity: 1 !important;
    text-shadow: none;
    box-shadow: none;
	z-index: 1;
}

.home-page-form .contact-form-template .elementor-form .elementor-field-group label{
	color: var(--e-global-color-primary) !important;
}

.home-page-form .contact-form-template .elementor-field-type-html{
	color: var(--e-global-color-primary) !important;
}

@media only screen and (max-width: 1600px) {
	
/* 	.home-page-form .contact-form-template .elementor-field-type-submit{
		margin-left: 20px;
    	width: auto;
	} */
}

@media only screen and (max-width: 1512px) {
	
	.personal-injury-list ul{
		gap: 30px;
	}
	
	.personal-injury-list ul li{
		width: calc(33.33% - 20px);	
	}
}

@media only screen and (max-width: 1024px) {
	
	.home-hero-section:before{
		background-color: #000000 !important;
		opacity: 0.4;
	}
	
	.personal-injury-box{
		display: flex;
		justify-content: center;
	}
	
	.personal-injury-list ul{
		gap: 30px;
	}
	
	.personal-injury-list ul li{
		width: calc(50% - 15px);	
	}
	
	.personal-injury-list ul li a{
		padding: 15px 20px;
	}
	
	.home-video .elementor-wrapper{
		--video-aspect-ratio: 1.6 !important;
	}
}

@media only screen and (max-width: 767px) {
	
	.our-priority-box{
		position: initial !important;
	}
	
	.personal-injury-box{
		justify-content: start;	
	}
	
	.personal-injury-list ul{
		gap: 20px;
	}
	
	.personal-injury-list ul li{
		width: 100%;
	}
	
	.personal-injury-list ul li a{
		padding: 10px 15px;
	}
	
	.home-video .elementor-wrapper{
		--video-aspect-ratio: 1.2 !important;
	}
}

/*
 * Letselschade Page CSS
 * */
.letselschade-faq .e-n-accordion-item-title-icon span{
	justify-content: center;
	align-items: center;
	border: 2px solid var(--n-accordion-icon-active-color);
    border-radius: 50%;
    height: 36px;
    width: 36px;
}

.letselschade-faq .e-n-accordion-item-title-header{
	width: calc(100% - 46px);
}

.letselschade-faq .e-n-accordion-item-title-text{
	word-break: break-word;
}

.letselschade-faq .e-n-accordion-item-title-icon svg{
	width: var(--n-accordion-icon-size);	
}

.letselschade-faq-content ul{
	list-style: none;
	padding: 0;
	margin-bottom: 15px;
	padding-left: 20px;
}

.letselschade-faq-content ul li{
	position: relative;
}

.letselschade-faq-content ul li:before{
	content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-size: 5px;
    position: absolute;
    top: 3px;
    left: -15px;
}

@media only screen and (max-width: 1024px) {
	
	.letselschade-faq .e-n-accordion-item-title-header{
		width: calc(100% - 40px);
	}
	
	.letselschade-faq .e-n-accordion-item-title-icon span{
		height: 30px;
		width: 30px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.letselschade-faq .e-n-accordion-item-title-header{
		width: calc(100% - 35px);
	}
	
	.letselschade-faq .e-n-accordion-item-title-icon span{
		height: 25px;
		width: 25px;
	}
	
}


/*
 * Horizontal Accordion CSS
 * */
.horizontal-accordion-panel-item{
	height: 100%;
}

.horizontal-accordion-panel-item .panel-image{
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	line-height: 0;
	height: 100%;
}

.horizontal-accordion-panel-item .panel-image:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(343deg, var(--white-color) -3.34%, #000 69.48%);
	opacity: 0.3;
	mix-blend-mode: multiply;
}

.horizontal-accordion-panel.as-opened .horizontal-accordion-panel-item .panel-image:after{
	background: linear-gradient(328deg, var(--white-color) 8.46%, #000 55.08%);
	opacity: 0.5;
}

.horizontal-accordion-panel-item .panel-image img{
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.horizontal-accordion-panel:not(.as-opened) .horizontal-accordion-panel-item .panel-image img{
	filter: blur(4px);
}

.horizontal-accordion-panel-item .panel-open-content{
	padding: 50px;
	height: 100%;
	right: 0;
}

.horizontal-accordion-panel-item .content-box{
	display: flex;
    flex-wrap: wrap;
    gap: 30px 100px;
    height: 100%;
}

.horizontal-accordion-panel-item .content-box .boxleft{
	width: calc(50% - 50px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 30px;
}

.horizontal-accordion-panel-item .content-box .boxleft-header .title{
	margin-bottom: 20px;
}

.horizontal-accordion-panel-item .content-box .boxleft-header .title h2{
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: 50px;
    font-weight: var(--e-global-typography-primary-font-weight);
    font-style: var(--e-global-typography-primary-font-style);
    line-height: var(--e-global-typography-primary-line-height);
    color: var(--white-color);
	margin: 0;
}

.horizontal-accordion-panel-item .content-box .boxleft-header .title a{
	display: inline-block;
	color: inherit;
}

.horizontal-accordion-panel-item .content-box .boxleft-header .description{
	font-family: var(--e-global-typography-text-font-family);
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2em;
    color: var(--white-color);
}

.horizontal-accordion-panel-item .content-box .boxleft-header .description > *:last-child{
	margin-bottom: 0;
}

.horizontal-accordion-panel-item .content-box .boxleft-footer .btn-readmore{
	position: relative;
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    font-style: var(--e-global-typography-accent-font-style);
	line-height: var(--e-global-typography-accent-line-height);
	padding: 22px 70px 22px 40px;
	transition: all 0.3s ease-in-out;
}

.horizontal-accordion-panel-item .content-box .boxleft-footer .btn-readmore:after{
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
    right: 40px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
	background-color: var( --e-global-color-primary );
	mask-image: url("images/btn-arrow.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: cover;
	transition: all 0.3s ease-in-out;
}

.horizontal-accordion-panel-item .content-box .boxleft-footer .btn-readmore:hover:after{
	background-color: currentcolor;
}

.horizontal-accordion-panel-item .content-box .boxright{
	width: calc(50% - 50px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 30px;
	padding: 40px;
	border-radius: 45px;
	background-color: var(--white-color);
}

.horizontal-accordion-panel-item .content-box .boxright-header{
	font-family: var(--e-global-typography-text-font-family);
    font-size: 26px;
    font-weight: 300;
    line-height: 1.4em;
    font-style: italic;
    color: var(--e-global-color-text);
}

.horizontal-accordion-panel-item .content-box .boxright-header > *:last-child{
	margin-bottom: 0;
}

.horizontal-accordion-panel-item .content-box .boxright-footer .name h5,
.horizontal-accordion-panel-item .content-box .boxright-footer .subtitle p{
	font-family: var(--e-global-typography-secondary-font-family);
    font-size: 23px;
    font-weight: 500;
    line-height: 1.3em;
	font-style: normal;
    color: var( --e-global-color-accent );
	margin: 0;
}

.horizontal-accordion-panel-item .content-box .boxright-footer .subtitle p{
    color: var( --e-global-color-primary );
	margin: 0;
}

#horizontal_accordion .as-pagination-buttons{
	padding-top: 30px;
}

#horizontal_accordion .as-pagination-buttons .as-pagination-button{
	width: 12px;
    height: 12px;
	border: 1px solid var( --e-global-color-primary );
    background: var( --e-global-color-primary );
	transition: all 0.4s ease-in-out;
}

#horizontal_accordion .as-pagination-buttons .as-pagination-button.as-selected{
	background: transparent;
	transform: scale(1.25);
}

@media only screen and (max-width: 1650px) {
	
	.horizontal-accordion-panel-item .content-box .boxleft-header .title h2{
		font-size: 45px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .description{
		font-size: 30px;
	}

	.horizontal-accordion-panel-item .content-box .boxright-header{
		font-size: 22px;
	}

	.horizontal-accordion-panel-item .content-box .boxright-footer .name h5,
	.horizontal-accordion-panel-item .content-box .boxright-footer .subtitle p{
		font-size: 20px;
	}
}

@media only screen and (max-width: 1440px) {

	.horizontal-accordion-panel-item .panel-open-content{
		padding: 40px;
	}

	.horizontal-accordion-panel-item .content-box{
		gap: 30px 60px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft{
		width: calc(50% - 30px);
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .title h2{
		font-size: 40px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .description{
		font-size: 28px;
	}

	.horizontal-accordion-panel-item .content-box .boxright{
		width: calc(50% - 30px);
		padding: 30px;
	}
}

@media only screen and (max-width: 1200px) {

	.horizontal-accordion-panel-item .content-box .boxleft-header .title h2{
		font-size: 36px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .description{
		font-size: 24px;
	}
	
	.horizontal-accordion-panel-item .content-box .boxright-header{
		font-size: 20px;
	}

	.horizontal-accordion-panel-item .content-box .boxright-footer .name h5,
	.horizontal-accordion-panel-item .content-box .boxright-footer .subtitle p{
		font-size: 18px;
	}
}

@media only screen and (max-width: 1024px) {
	
	.horizontal-accordion-panel,
	.horizontal-accordion-panel-item .content-box .boxright{
		border-radius: 25px;
	}
	
	.horizontal-accordion-panel-item .panel-image{
		border-radius: 0;
		overflow: initial;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-footer .btn-readmore{
		padding: 16px 62px 16px 32px;
	}
}

@media only screen and (max-width: 900px) {

	.horizontal-accordion-panel-item .panel-open-content{
		padding: 30px;
	}

	.horizontal-accordion-panel-item .content-box{
		gap: 30px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft{
		width: calc(50% - 15px);
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .title h2{
		font-size: 30px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .description{
		font-size: 22px;
	}

	.horizontal-accordion-panel-item .content-box .boxright{
		width: calc(50% - 15px);
		padding: 25px 20px;
	}

	.horizontal-accordion-panel-item .content-box .boxright-header{
		font-size: 18px;
	}

	.horizontal-accordion-panel-item .content-box .boxright-footer .name h5,
	.horizontal-accordion-panel-item .content-box .boxright-footer .subtitle p{
		font-size: 16px;
	}
}

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

	.horizontal-accordion-panel,
	.horizontal-accordion-panel-item .content-box .boxright{
		border-radius: 20px;
	}
	
	.horizontal-accordion-panel-item .panel-open-content{
		padding: 30px 15px;
	}

	.horizontal-accordion-panel-item .content-box{
		flex-direction: column;
		justify-content: space-between;
	}

	.horizontal-accordion-panel-item .content-box .boxleft{
		width: 100%;
		row-gap: 25px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .title h2{
		font-size: 26px;
	}

	.horizontal-accordion-panel-item .content-box .boxleft-header .description{
		font-size: 20px;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.horizontal-accordion-panel-item .content-box .boxright{
		width: 100%;
		row-gap: 20px;
		padding: 20px 15px;
	}
}


/*
 * Team Single Page CSS
 * */
.team-single-imgbox .elementor-image-box-img{
	width: 95px !important;
}

.team-single-imgbox .elementor-image-box-img img{
	height:80px;
	width: 80px;
	object-fit: cover;
}


.team-single-social-icon .elementor-social-icon{
	display: flex;
	justify-content: center;
	align-items: center;
}

.team-single-social-icon .elementor-social-icon svg{
	width: 30px;
	height: 30px;
}

.team-single-imgcard .elementor-image-box-img img{
	height:130px;
	width: 130px;
	object-fit: cover;
}

.team-single-imgcard .elementor-image-box-img{
	width: 145px !important;
}

@media only screen and (max-width: 1024px) {
	
	.team-single-social-icon .elementor-social-icon svg{
		width: 25px;
		height: 25px;
	}
	
	.team-single-imgcard .elementor-image-box-img img{
		height:110px;
		width: 110px;
		object-fit: cover;
	}

	.team-single-imgcard .elementor-image-box-img{
		width: 130px !important;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.team-single-imgbox .elementor-image-box-wrapper{
		display: flex;
		align-items: center;
		gap: 20px;
	}
	
	.team-single-imgbox .elementor-image-box-img{
		width: 80px !important;
	}
	
	.team-single-imgbox .elementor-image-box-img img{
		height: 60px;
		width: 60px;
	}
	
	.team-single-imgcard .elementor-image-box-img{
		margin-bottom: 10px !important;
	}
	
	.team-single-social-icon .elementor-social-icon svg{
		width: 20px;
		height: 20px;
	}
	
}

/*
 * Blog Loop Item Template CSS
 * */

.blog-loop-item,
.blog-loop-item .blog-loop-item-img{
	height: 100%;
}

/*
 * Blog Archive Template CSS
 * */

.blog-loop-grid .elementor-pagination{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 10px;
}

.blog-loop-grid .elementor-pagination .page-numbers.prev,
.blog-loop-grid .elementor-pagination .page-numbers.next{
	text-indent: -9999px;
}

.blog-loop-grid .elementor-pagination .page-numbers{
	display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
	border-radius: 10px;
	transition: all 0.3s ease-in-out;
}

.blog-loop-grid .elementor-pagination .page-numbers:hover,
.blog-loop-grid .elementor-pagination .page-numbers:focus,
.blog-loop-grid .elementor-pagination .page-numbers.current{
	background-color: var(--e-global-color-accent);
    border-radius: 10px;
}

.blog-loop-grid .elementor-pagination .page-numbers.prev{
	background-image: url(./images/prev-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px auto;
}

.blog-loop-grid .elementor-pagination .page-numbers.prev:hover{
	background-image: url(./images/prev-arrow-white.svg);
}

.blog-loop-grid .elementor-pagination .page-numbers.next{
	background-image: url(./images/next-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px auto;
}

.blog-loop-grid .elementor-pagination .page-numbers.next:hover{
	background-image: url(./images/next-arrow-white.svg);
}

.blog-loop-grid .elementor-pagination span.page-numbers.prev,
.blog-loop-grid .elementor-pagination span.page-numbers.next{
	display: none;
}

.blog-category-filter h5{
	display: none;
}

.blog-category-filter ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog-category-filter ul li{
	font-size: 26px;
    font-weight: 500;
	padding: 20px 20px 20px 40px;
	border-bottom: 2px solid var(--e-global-color-accent);
}

.blog-category-filter ul li:last-child{
	border-bottom: none;
}

.blog-category-filter ul li a{
	position: relative;
	display: block;
	color: inherit;
}

.blog-category-filter ul li a:before{
	content: "";
    position: absolute;
    top: 3px;
    left: -40px;
    height: 27px;
    width: 27px;
    border: 1px solid var(--e-global-color-accent);
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.blog-category-filter ul li a:after{
	content: "";
	display: block;
    position: absolute;
    top: 7px;
	left: -36px;
    height: 19px;
    width: 19px;
   	background-color: transparent;
    border-radius: 50%;
	transition: all 0.3s ease-in-out;
}

.blog-category-filter ul li a:hover:after,
.blog-category-filter ul li a:focus:after,
.blog-category-filter ul li.current-cat a:after{
	background-color: var(--e-global-color-accent);
}

body.blog .filter-all-cases-btn{
	display: none;
}

@media only screen and (max-width: 1024px) {
	
	.blog-category-filter ul li{
		font-size: 22px;
		padding: 20px 20px 20px 30px;
	}
	
	.blog-category-filter ul li a:before{
		top: 4px;
		left: -30px;
		height: 20px;
		width: 20px;
	}
	.blog-category-filter ul li a:after{
		top: 8px;
		left: -26px;
		height: 12px;
		width: 12px;
	}
	
}


@media only screen and (max-width: 767px) {
	
	.blog-category-filter ul li{
		font-size: 20px;
		padding: 16px 16px 16px 25px;
	}
	
	.blog-category-filter ul li a:before{
		top: 5px;
        left: -25px;
        height: 16px;
        width: 16px;
	}
	
	.blog-category-filter ul li a:after{
		left: -22px;
        height: 10px;
        width: 10px;
	}
	
	.blog-loop-grid .elementor-pagination .page-numbers{
		height: 42px;
    	width: 42px;
	}
	
	.blog-loop-grid .elementor-pagination .page-numbers.prev,
	.blog-loop-grid .elementor-pagination .page-numbers.next{
		background-size: 20px auto;
	}
	
}

/*
 * Contact Page CSS
 * */

body.page-id-1611{
	background: var(--e-global-color-accent);
}

body.page-id-1611 .top-bar{
	background-color: var(--e-global-color-primary) !important;
}

body.page-id-1611 .header-logo img{
	filter: brightness(0) invert(1);
}

body.page-id-1611 .header-menu ul li a{
	color: var(--white-color) !important;
	fill: var(--white-color) !important;
}

body.page-id-1611 .header-menu ul li .sub-menu{
	background-color: var(--e-global-color-primary) !important;
}

body.page-id-1611 .header-menu ul li:hover a{
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
}

body.page-id-1611 .header-menu ul li:hover .sub-menu a{
	color: var(--white-color) !important;
	fill: var(--white-color) !important;
}

body.page-id-1611 .header-btn a.elementor-button{
	background-color: var(--white-color) !important;
	color: var(--e-global-color-primary) !important;
}

body.page-id-1611 .header-btn a.elementor-button:hover{
	background-color: var(--e-global-color-primary) !important;
	color: var(--white-color) !important;
}

body.page-id-1611 .header-menu .elementor-menu-toggle{
	background-color: var(--white-color) !important;
	color: var(--e-global-color-accent) !important;
}

body.page-id-1611 .header-menu .elementor-nav-menu--dropdown{
	background-color: var(--white-color) !important;
}


body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li a{
	color: var(--e-global-color-accent) !important;
	fill: var(--e-global-color-accent) !important;
}

body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li a:hover,
body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li a:focus{
	background-color: var(--bg-color) !important;
}

body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li .sub-menu a:hover,
body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li .sub-menu a:focus{
	background-color: var(--e-global-color-accent) !important;
}

body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li.contact-cta-menu a{
	background-color: var(--e-global-color-accent) !important;
	color: var(--white-color) !important;
	fill: var(--white-color) !important;
}

body.page-id-1611 .header-menu .elementor-nav-menu--dropdown ul li.contact-cta-menu a:hover{
	background-color: var(--e-global-color-primary) !important;
}

.contact-bold-text p strong{
	font-weight: 600;
}

.letselschade-faq.contact-faq .e-n-accordion-item-title-icon span{
    height: 30px;
    width: 30px;
}

.letselschade-faq.contact-faq .e-n-accordion-item-title-icon svg{
	width: var(--n-accordion-icon-size);	
}

@media only screen and (max-width: 1024px) {
	
	.letselschade-faq.contact-faq .e-n-accordion-item-title-icon span{
		height: 25px;
		width: 25px;
	}
	
}

/* 
 * Team Single Page CSS
 * */
.post-entry a,
.post-entry a strong,
.post-entry p strong{
	color: var(--e-global-color-accent);
}

.post-entry strong{
	font-weight: 500;
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
	font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
	font-weight: 600;
    text-transform: var( --e-global-typography-secondary-text-transform );
    font-style: var( --e-global-typography-secondary-font-style );
    line-height: var( --e-global-typography-secondary-line-height );
	color: var(--e-global-color-primary);
	margin: 30px 0;
}

.post-entry h1{
	font-size: 40px;
}

.post-entry h2{
	font-size: 36px;
}

.post-entry h3{
	font-size: 28px;
}

.post-entry h4{
	font-size: 26px;
}

.post-entry h5{
	font-size: 24px;
}

.post-entry h6{
	font-size: 22px;
}

.post-entry ul{
	list-style: none;
}

.post-entry ul,
.post-entry ol{
	padding: 0;
	margin: 20px 0;
}

.post-entry ol{
	padding-left: 30px;
}

.post-entry ol ul li{
	padding-left: 20px;
}

.post-entry ul li,
.post-entry ol li{
	position: relative;
	margin-bottom: 10px;
}

.post-entry ul li{
	padding-left: 20px;
}

/* .post-entry ol li{
	padding-left: 5px;
} */

.post-entry ul li:last-child,
.post-entry ol li:last-child{
	margin-bottom: 0;
}
 
.post-entry ul li:before{
	content: '';
    position: absolute;
    top: 14px;
    left: 0px;
    height: 6px;
    width: 6px;
    background-color: var(--e-global-color-primary);
    background-position: left center;
    background-size: cover;
    border-radius: 50%;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
	margin: 15px 0;
}

.post-social-share .elementor-share-btn_facebook i:before{
	content: "\f39e";
}

.post-social-share .elementor-share-btn_linkedin i:before{
	content: "\f0e1";
}

.post-tag ul li .elementor-post-info__item--type-terms span{	
	font-size: 0 !important;
}

.post-tag ul li .elementor-post-info__item--type-terms span a{
	position: relative;
	display: inline-block !important;
	font-size: var(--e-global-typography-accent-font-size) !important;
	background: var(--e-global-color-accent);
	color: var(--white-color);
	padding: 10px 25px;
	border-radius: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	transition: all 0.4s ease-in-out;
}

.post-tag ul li .elementor-post-info__item--type-terms span a:hover{
	background: var(--e-global-color-primary);
}

.post-entry .wp-block-button a{
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    font-style: var(--e-global-typography-accent-font-style);
    line-height: var(--e-global-typography-accent-line-height);
	background-color: var(--e-global-color-accent) !important;
    color: var(--white-color);
    border-radius: 100px 100px 100px 100px;
    padding: 22px 40px;
	transition: all 0.3s ease-in-out;
}

.post-entry .wp-block-button a:hover{
	background-color: var(--e-global-color-primary) !important;
}

.post-entry .wp-block-table table{
	border: 1px solid var(--e-global-color-primary);
}

.post-entry .wp-block-table table thead{
	border-bottom: none;
}

.post-entry .wp-block-table table thead tr{
	border-color: var(--e-global-color-primary);
	background-color: var(--bg-color);
}

.post-entry .wp-block-table table thead tr th{
	border-block-start: none;
	font-size: 26px;
}

.post-entry .wp-block-table table tbody tr td{
	background-color: transparent;
}

@media only screen and (max-width: 1024px){

	.post-entry h1,
	.post-entry h2,
	.post-entry h3,
	.post-entry h4,
	.post-entry h5,
	.post-entry h6{
		margin: 20px 0;		
	}
	
	.post-entry h1{
		font-size: 34px;
	}

	.post-entry h2{
		font-size: 32px;
	}

	.post-entry h3{
		font-size: 24px;
	}

	.post-entry h4{
		font-size: 22px;
	}

	.post-entry h5{
		font-size: 20px;
	}

	.post-entry h6{
		font-size: 18px;
	}
	
	.post-entry ul li {
		padding-left: 15px;
	}
	
	.post-entry ul li:before{
		top: 10px;
	}
	
	.post-entry p,
	.post-entry a,
	.post-entry ul li,
	.post-entry ol li{
		font-size: 22px !important;
	}
	
	.post-entry .wp-block-button a{
		padding: 16px 32px;
	}
	
	.post-entry .wp-block-table table thead tr th{
		font-size: 22px;
	}
	
}

@media only screen and (max-width: 767px){
	
	.post-entry h1{
		font-size: 32px;
	}

	.post-entry h2{
		font-size: 28px;
	}

	.post-entry h3{
		font-size: 22px;
	}

	.post-entry h4{
		font-size: 20px;
	}

	.post-entry h5{
		font-size: 18px;
	}

	.post-entry h6{
		font-size: 16px;
	}
	
	.post-entry p,
	.post-entry a,
	.post-entry ul li,
	.post-entry ol li{
		font-size: 20px !important;
	}
	
	.post-entry .wp-block-table table thead tr th{
		font-size: 20px;
	}
	
}


/*
 * XML review carousel CSS
 * */
.reviews-error{
	text-align: center;
	font-size: 18px;
	line-height: 1.4em;
	color: #ff0000;
	margin: 0;
}

.xml-review-carousel-wrap{
	overflow-x: clip;
}

.xml-review-carousel{
	cursor: grab;
	opacity: 0;
	visibility: hidden;
	padding-bottom: 80px;
}

.xml-review-carousel.slick-initialized{
	opacity: 1;
	visibility: visible;
}

.xml-review-carousel .slick-track{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}

.xml-review-carousel .slick-slide{
	margin: 0 30px;
    height: auto;
}

.xml-review-carousel .slick-list{
    margin: 0 -30px;
}

.xml-review-box{
	background: var(--white-color);
	border-radius: 70px;
	padding: 40px 50px;
	height: 100%;
}

.xml-review-item:nth-child(3n + 2) .xml-review-box{
	background: var(--e-global-color-accent);
}

.xml-review-item:nth-child(3n + 3) .xml-review-box{
	background: var(--e-global-color-secondary);
}

.xml-review-box .star-rating{
	margin-bottom: 20px;
}

.xml-review-box .star-rating span{
	color: #ffc808;
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 3px;
}

.xml-review-box .xml-review-content{
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-text-font-family);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: 300;
	text-transform: var(--e-global-typography-text-text-transform);
	font-style: italic;
	max-height: 280px;
	overflow-y: auto;
	padding-right: 15px;
}

.xml-review-box .xml-review-content::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
}

.xml-review-box .xml-review-content::-webkit-scrollbar{
	width: 5px;
	background-color: #F5F5F5;
}

.xml-review-box .xml-review-content::-webkit-scrollbar-thumb{
	background-color: #01373D;
}

.xml-review-box .xml-review-footer{
	margin-top: 20px;
}

.xml-review-box .xml-review-footer .author-name{
	color: var(--e-global-color-primary);
	font-family: var(--e-global-typography-secondary-font-family);
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2em;
	margin: 0;
}

.xml-review-item:nth-child(3n + 2) .xml-review-box .xml-review-content,
.xml-review-item:nth-child(3n + 3) .xml-review-box .xml-review-content,
.xml-review-item:nth-child(3n + 2) .xml-review-box .xml-review-footer .author-name,
.xml-review-item:nth-child(3n + 3) .xml-review-box .xml-review-footer .author-name{
	color: var(--white-color);
}

.xml-review-carousel .slick-arrow{
	position: absolute;
	top: auto;
	bottom: 0;
	transform: translate(0);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
	padding: 0;
    list-style: none;
	background: none;
    border: 1px solid var(--e-global-color-primary);
    color: var(--e-global-color-text);
    height: 40px;
    width: 40px;
}

.xml-review-carousel .slick-arrow:hover{
	background: var(--e-global-color-primary);
	color: var(--white-color);
}

.xml-review-carousel .slick-arrow.prev-arrow{
	left: calc((100vw - 1570px) / 2 + 100px);
	right: auto;
}

.xml-review-carousel .slick-arrow.next-arrow{
	left: auto;
	right: calc((100vw - 1570px) / 2 + 100px);
}

@media only screen and (max-width: 1440px) {

	.xml-review-carousel .slick-slide{
		margin: 0 15px;
	}

	.xml-review-carousel .slick-list{
		margin: 0 -15px;
	}
	
	.xml-review-box{
		border-radius: 40px;
		padding: 30px;
	}
	
	.xml-review-carousel .slick-arrow.prev-arrow{
		left: calc(50% - 50px);
	}
	
	.xml-review-carousel .slick-arrow.next-arrow{
		right: calc(50% - 50px);
	}
}

@media only screen and (max-width: 991px) {
	
	.xml-review-carousel .slick-slide{
		margin: 0 10px;
	}

	.xml-review-carousel .slick-list{
		margin: 0 -10px;
	}

	.xml-review-box{
		border-radius: 20px;
		padding: 25px 20px;
	}
	
	.xml-review-box .xml-review-content,
	.xml-review-box .xml-review-footer .author-name{
		font-size: 18px;
	}
}

