/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2025 | 15:32:56 */
:root {
  --primary: #fd9800;
  --secondary: #000;
}

a:focus{
	outline: none !important;
}

p, .entry-content p {
    margin-bottom: 20px;
}


/* banner slider  */

button.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

button.slick-next.pull-right.slick-arrow {
    right: 0;
}

ul.slick-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

ul.slick-dots li button {
    display: none;
}

ul.slick-dots li {
    width: 10px;
    height: 10px;
    background: #fd9800;
    margin: 0 2px;
    border-radius: 100px;
}

ul.slick-dots li.slick-active {
    background: #fff;
}


/* Service cards */

.service_cards .e-con-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.service_cards .e-con-inner > .elementor-element {
    width: 100%;
    background: #fff;
	padding: 25px;
}

/* Common problem cards */

.common_problem_areas_cards .e-con-inner {
    flex-wrap: wrap !important;
    display: flex;
}

.common_problem_areas_cards .e-con-inner > .elementor-element {
    flex: 0 0 33%;
}



/* Responsive */

@media screen and (max-width:767px){
	.banner_slider_main button.slick-arrow{
		display: none !important;
	}
	
	.service_cards .e-con-inner {
    grid-template-columns: repeat(2, 1fr);
		grid-gap:12px;
}
	.common_problem_areas_cards .e-con-inner > .elementor-element {
    flex: 0 0 50%;
    padding: 20px;
}
	
	.common_problem_areas_cards.about_page_cards .e-con-inner > .elementor-element {
    flex: 0 0 100%;
    padding: 20px;
}
}

@media screen and (max-width:520px){
	.service_cards .e-con-inner {
    grid-template-columns: repeat(1, 1fr);
		grid-gap:10px;
}
}


@media screen and (max-width:1080px){
	header .custom-logo-link img {
    max-width: 170px;
    width: 170px;
}
	
	header span.site-logo-img{
    padding-right: 0 !important;
}
	
	.main-header-bar-navigation li a {
        font-size: 12px !important;
    }
}

@media screen and (max-width:1100px){
	.main-header-bar-navigation li a {
    font-size: 14px;
}
	div#ast-desktop-header a.latepoint-book-button.os_trigger_booking.wp-block-button__link {
    font-size: 12px !important;
    padding: 15px;
}
}