body{
	background-image: url(../svg/top_banner.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position-y: 3vh;
}

header{
  background: #C9E8FF;
}

.divBlockWrapper-text ~ .divBlockWrapper-text{
	border-top:0;
}

.div-additional-block-1{
	position:relative;
	margin-top:50px !important;
}

.divBlockMedia figure{
	margin:0;
}

.div-additional-block-1 .spnBlockContent{
	display:block;
}

.div-additional-block-1 .spnBlockContent h1,
.div-additional-block-1 .spnBlockContent h2{
	font-family:'Anton', sans-serif;
	font-size:90px;
	color:#000FA0;
}

.div-additional-block-2{
	margin-top:50px !important;
}

.div-additional-block-2 .spnBlockContent h1,
.div-additional-block-2 .spnBlockContent h2{
	font-family:'Metropolis', sans-serif;
	color: #000FA0;
	font-size:24px;
}

.divMinicalloutHeader{
	position:relative;
	padding:0 15px;
	width:100%;
	margin-bottom:30px;
}

.divMinicalloutHeaderInner{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	border-bottom:1px solid #002755;
	padding:15px 0;
}

.divMinicalloutHeader p{
	font-family:'Metropolis', sans-serif;
	font-weight:bold;
	font-size:24px;
	margin:0;
	letter-spacing:2.4px;
}

.divMinicalloutHeader a{
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
	font-family:'Metropolis', sans-serif;
	font-size:14px;
	color:#002755;
	border: 1px solid #002755;
	border-radius:25px;
	background:transparent;
	height:34px;
	width:175px;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divMinicalloutHeader a:hover{
	color:#ffffff;
	background:#D64000;
	border: 1px solid #D64000;
}

.divMiniCalloutRow{
	margin:auto;
	display: grid;
  	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.divMiniCallout{
	padding:0;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	margin-bottom:15px;
}

.divMiniCalloutInner{
	box-shadow:unset;
	display:flex;
	justify-content:center;
	float:unset;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divMiniCallout .divBlockMedia img{
	width:100%;
	float:unset;
}

.divMiniCallout .divMiniCalloutTextWrapper{
	display:flex;
	position:absolute;
	width:100%;
	height:100%;
	padding:0;
	border-radius:25px;
}

.divMiniCalloutTextInner,
.divMiniCalloutText-header{
	position:relative;
	width:100%;
	height:100%;
}

.divMiniCallout .divMiniCalloutTextWrapper h3{
	position:relative;
	color:white;
	text-decoration:none;
	display:none;
	text-align:center;
	background: rgba(0,0,0,0.25);
	width:100%;
	height:100%;
	margin:0;
	border-radius: 22px;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
}

.divMiniCallout:hover .divMiniCalloutTextWrapper{
	padding:0;
}

.divMiniCallout:hover .divMiniCalloutTextWrapper h3{
	color:white;
	text-decoration:none;
}

.divMiniCallout:hover .divMiniCalloutText-header h3{
	display:flex;
	-moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; -webkit-transition: all 0.28s ease; transition: all 0.28s ease;
	justify-content:center;
	align-content:center;
	align-items:center;
}

.divServicesPullWrapper{
	position:relative;
	display:flex;
	width: 100vw;
  	overflow: hidden;
	background-image:url(../svg/tan_bg_lg.svg);
	background-size: auto 100%;
	background-repeat: no-repeat; /* Prevent tiling */
  	background-position: center;
}

.divServicesPullWrapperInner{
	position:relative;
	max-width: 1620px;
	margin-left:auto;
	padding-left: 6em;
}

.divServicesControlHeader{
	position:relative;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin-bottom:25px;
}

.divServicesControlHeader .pullHeader{
	font-family:'Anton', sans-serif;
	font-size:40px;
	color: #D64000;
	margin:0;
	width:auto;
	white-space: nowrap;
}

.divServicesControlHeader .divControlsWrapper{
	position:relative;
	display: flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	width:100%;
	gap:5px;
}

.divServicesControlHeader .divControlsWrapper .swiper-pagination,
.divServicesControlHeader .divControlsWrapper .swiper-button-prev,
.divServicesControlHeader .divControlsWrapper .swiper-button-next{
	position:relative;
	height: 100%;
    display: flex;
  	justify-content: center;
  	align-content: center;
	align-items: center;
	margin: 0;
	left: unset;
  	right: unset;
  	top: unset;
}

.divServicesControlHeader .divControlsWrapper .swiper-button-prev::after,
.divServicesControlHeader .divControlsWrapper .swiper-button-next::after{
	content:unset;
}

.divServicesControlHeader .divControlsWrapper .swiper-button-prev,
.divServicesControlHeader .divControlsWrapper .swiper-button-next,
.divServicesControlHeader .divControlsWrapper .swiper-button-prev svg,
.divServicesControlHeader .divControlsWrapper .swiper-button-next svg{
	height: 30px;
  	width: 30px;
}

.divServicesControlHeader .divControlsWrapper .swiper-pagination .swiper-pagination-bullet{
	height:12px;
	width:12px;
	border:1px solid #002755;
	background:transparent;
}

.divServicesControlHeader .divControlsWrapper .swiper-pagination .swiper-pagination-bullet-active{
	background:#002755;
}

.divServicesTile {
	position:relative;
	background:#002755;
	border-radius:25px;
	padding:50px;
	min-height:500px;
}

.divServicesTile .divBlockWrapper{
	float:unset;
	margin:0;
	padding:0;
}

.divServicesTile .iconWrapper{
	position:relative;
	margin-bottom:25px;
}

.divServicesTile .divBlockWrapper .divTestimonialIcon{
	display:none;
}

.divServicesTile .divBlockWrapper-testimonial.carded .divBlockInner{
	border:0;
	padding:0;
}

.divServicesTile .divBlockWrapper-testimonial.carded .divBlockInner .spnBlockConentent *{
	color:white;
}

.divServicesTile .divBlockWrapper-testimonial.carded .divBlockInner .spnBlockConentent .author{
	display:none;
}

@media screen and (min-width:2400px){
	.divServicesPullWrapperInner{
		max-width:2050px;
	}
}

@media (max-width: 1023px) {
	.div-additional-block-1 .spnBlockContent h1,
	.div-additional-block-1 .spnBlockContent h2{
		font-size: 52px;
	}
}

@media screen and (max-width: 980px){
	
	.divMiniCalloutRow{
		grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
	}
	
	.divMiniCallout {
		margin:auto;
  		padding: 7.5px;
	}
	
	.divServicesControlHeader .pullHeader{
		font-size:30px;
		white-space:wrap;
	}
	
	.divServicesControlHeader .divControlsWrapper{
		width: 200px;
	}
		
	.divServicesPullWrapperInner{
		padding:15px;
		max-width: 720px;
		margin:auto;
	}
	
	.divServicesTile{
		min-height:250px;
	}
	
}

@media (min-width: 768px) and (max-width: 1199px) {
	.divMiniCalloutRow {
    	width: 100%;
    	max-width: 100%;
  	}

	.div-additional-block-1 .spnBlockContent h1, .div-additional-block-1 .spnBlockContent h2 {
		font-size: 65px;
	}
}

@media screen and (max-width: 768px) {
	
	body{
	  	background-size: 100% auto;
	  	background-position-y: 135px;
		background:none;
	}
	
	.div-additional-block-1{
		margin-top:0;
	}
	
	.div-additional-block-1 .divBlockInner,
	.div-additional-block-2 .divBlockInner{
		display:flex;
		flex-direction:column-reverse;
	}
	
	.divBlockWrapper .divBlockInner .divBlockMedia img {
	   	position: relative;
	   	width: 100%;
	}
	  
	.divMinicalloutHeaderInner{
		justify-content: start;
		gap: 10px;
	}
	
	.div-additional-block-1 .spnBlockContent h1{
		font-size:36px;
	}
}


/* REMOVE TO BRING SERVICES MINI BACK */
.divServicesPullWrapper{
	margin-bottom:50px;
}
.divSiteContentWrapper > .divSiteContentInner:nth-child(3),
.divSiteContentWrapper > .divSiteContentInner:nth-child(4){
	display:none;
}