/*Swiper CSS*/

.swiper-button-next, .swiper-button-prev {
    z-index: 100;
}

/*Home Page Gallery with thumbs*/
.gallery-main {
    width: 100%;
    height: 520px;
    margin-bottom: 20px;
	position: relative;
}

.gallery-main .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gallery-main img {
    width: 100%;
    height: 500px;
    object-fit: cover;
	border-radius: 10px;
}

.gallery-thumbs {
    height: 120px;
}

.gallery-thumbs .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-thumbs img {
    width: 100%;
    height: 100px;
    object-fit: cover;
	border-radius: 7px;
}

.gallery-thumbs .swiper-wrapper {
	column-gap: 0.5em;
}

.swiper-button-prev{
	margin-left: -30px !important;
}
.swiper-button-prev .swiper-navigation-icon {
    background: url(/wp-content/uploads/2026/08/triangle-arrow.png);
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    color: transparent;
	transform: scaley(-1) rotate(180deg) !important;
}
.swiper-button-next{
	margin-right: -40px !important;
}
.swiper-button-next .swiper-navigation-icon {
    background: url(/wp-content/uploads/2026/08/triangle-arrow.png);
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
    color: transparent;
}
.swiper-button-next, .swiper-button-prev, ~.swiper-button-next, ~.swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 45%);
}

/*Services Slider*/
.services-slider .swiper-slide {
	height: auto;
	margin-bottom: 20px;
}
.services-slider{
	padding-top: 90px !important;
}
.service-card{
	border-radius: 0px;
	height: 100%;
	box-shadow: 0 4px 15px #202A3340;
	background-color: var(--white);
	background-image: url('/wp-content/uploads/2026/08/comic-background.png');
	background-blend-mode: multiply;
	background-size: cover;
	padding: 150px 40px 40px 40px;
	border-width: 6.5px;
	border-style: solid;
	border-color: var(--primary);
	box-shadow: 12px 20px 0px var(--primary), inset 0px 0px 0px 5px var(--tertiary);
	width: 98%;
    margin: 0px auto;
}
.service-card h3{
	text-align: center;
	padding-bottom: 1em;
}
.service-card p{
	padding-bottom: 12px;
}

.service-img-wrapper{
	text-align: center;
	top: 0;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -35%);
}
.service-card img{
	max-width: 250px;
	height: 250px !important;
}
.text-body{
	padding-bottom: 1.5em !important;
}
.service-card .btn{
	color: var(--accent) !important;
	position: relative;
	display: block;
	width: fit-content;
	font-size: 19.5px !important;
	font-weight: 900;
}
.service-card .btn:after{
	background-image: url('/wp-content/uploads/2026/08/regular-arrow.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 10px;
	width: 10px;
	display: inline-block;
	position: relative;
	left: 0;
	
}

@media (max-width:980px) {
		.swiper-button-prev{
			display: none;
		}
		.swiper-button-next{
			display: none;
		}
}