/* homepage css */

/*
:root {
	--paletteColor1: #202020;
    --paletteColor2: #333;
    --paletteColor3: #525252;
    --paletteColor4: #fff;
    --paletteColor5: rgba(235, 235, 235, 0.5);
    --paletteColor6: #e4e4e4;
    --paletteColor7: #FAFBFC;
    --paletteColor8: #060606;
    --color: #fafafa;
}
*/

/* hero section */

.hero-img-container {
	height: unset;
   	aspect-ratio: 1/1;
}

.hero-social-links {
	position: absolute;
    z-index: 999!important;
    left: 47.88%;
    top: 5%;
	box-shadow: 0px 0px 50px 0px rgba(158, 158, 158, 0.25)
}

.gradient-highlight mark.gb-highlight {
	background-color: transparent;
    background-image: linear-gradient(250deg, var(--paletteColor1) 0%, var(--paletteColor2)  60%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-font-smoothing: antialiased;
	/* font-size: calc(37px + (70 - 37) * ((100vw - 300px) / (1680 - 300))); */
	padding-right: calc(.25px + (6 - .25) * ((100vw - 300px) / (1680 - 300)));
	font-family: serif;
	font-family: "DM Serif Text", serif;
	letter-spacing: -3px;
    font-weight: 600;
	font-style: italic
}

.hero-button .gb-button-text {
	text-decoration: underline;
}

.light-box-shadow {
	box-shadow: 0px 0px 50px 0px rgba(158, 158, 158, 0.25)
}

.hero-callouts-first {
	top: 20%;
    right: 4%;
}

.hero-callouts-second {
	bottom: 13%;
    left: 5%;
}

/* quote section */

.custom-quote:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M448 296c0 66.3-53.7 120-120 120h-8c-17.7 0-32-14.3-32-32s14.3-32 32-32h8c30.9 0 56-25.1 56-56v-8h-64c-35.3 0-64-28.7-64-64v-64c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v136zm-256 0c0 66.3-53.7 120-120 120h-8c-17.7 0-32-14.3-32-32s14.3-32 32-32h8c30.9 0 56-25.1 56-56v-8H64c-35.3 0-64-28.7-64-64v-64c0-35.3 28.7-64 64-64h64c35.3 0 64 28.7 64 64v136z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    aspect-ratio: 1/1;
	opacity: .92;
    left: 50%;
    transform: translate(-50%, 0);
    transform: translate(-50%, 0) scaleX(.9) scaleY(1.035);
    z-index: -1;
}

/* service section */

.service-slide-parent-container {
	position: relative
}

.service-slide-container {
	width: calc(225px + (250 - 225) * ((100vw - 300px) / (1680 - 300)));
	height: calc(431px + (531 - 431) * ((100vw - 300px) / (1680 - 300)));
}

.service-slide-parent-container.dua img.img-as-bg {
	object-fit: contain;
    z-index: 2;
}


.swiper-slide .gb-block-image img {
	min-height: calc(414px + (514 - 414) * ((100vw - 300px) / (1680 - 300)));
	overflow: hidden;
	border-radius: 20px;
	pointer-events: auto;
	position: relative;
	width: 100%;
}

.service-slide .swiper {
	filter: drop-shadow(0 6px 16.8px rgba(0, 0, 0, .07));
	max-width: 99%;
	border-radius: 20px;
    overflow: hidden;
	pointer-events: auto;
	position: relative;
	/**/  z-index: -1
}

.service-slide .swiper-wrapper {
	
}

.service-slide .swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: -35px;
}

.service-slide .swiper-pagination-bullet {
	background: var(--paletteColor6);
	opacity: 1
}

.service-slide .swiper-pagination-bullet-active {
	background: var(--paletteColor1);
    transform: scale(1.25);
}

/* process section */

.process .process-rows:not(:last-child):after  {
	content: '';
	position: absolute;
    border-left: 1px dashed #acacac;
    height: 50px;
    left: 8.25%;
    top: 92%;
}

/**/

.mobile-phone-mask {
    background-image: url(/wp-content/uploads/mob-mockup-cc-s.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    height: 718px;
    overflow: hidden;
    width: auto;
}

@media (min-width: 768px) {
	
	.custom-quote:before {
		width: calc(215px + (235 - 215) * ((100vw - 768px) / (1680 - 768)));
		top: -85px;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	.hero-social-links {
		left: 6%;
		top: 3%;
	}
	
	.service-slide-parent-container h2.vertical-text {
		margin-right: -8px;
		margin-bottom: 140px;
		padding: 0;
	}
	
}

@media (max-width: 767px) {
	
	.gradient-highlight mark.gb-highlight {
		letter-spacing: -0.75px
	}
	
	.hero-social-links {
		left: 6%;
    	top: 3%;
	}
	
	.custom-quote:before {
		width: calc(105px + (125 - 105) * ((100vw - 300px) / (767 - 300)));
		top: -45px;
	}
	
	.service-slide-parent-container h2.vertical-text {
		position: absolute;
		left: 0.05em;
		top: 50%;
		margin: 0;
		padding: 0;
		transform: translate(0, -50%) rotate(-180deg);
	}
	
}

@media (max-width: 499px) {
	
	
	
}