/* homepage css */

#header > div {
	box-shadow: 0px 25px 70px -25px #1d1d1d18;
}

.scroll-container.horizontal:before,
.scroll-container.horizontal:after,
.with-number:before,
.procedure .column:before,
.easy-process .left .bottom:before,
.easy-process .left .bottom:after,
.easy-process:before,
.hero:before {
	content: '';
}

.scroll-container.horizontal:before,
.scroll-container.horizontal:after,
.easy-process .left .bottom:before,
.easy-process .left .bottom:after,
.easy-process:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.custom-radius {
	border-radius: clamp(18px,calc(18px + (25 - 18) * ((100vw - 185px) / (1920 - 185))),25px)
}

.easy-process {
	margin-top: 99px
}

h1 {
    line-height: 1.125;
    letter-spacing: -.125px;
    /* -webkit-font-smoothing: subpixel-antialiased; */
    font-size: clamp(27px,calc(27px + (40.5 - 27) * ((100vw - 360px) / (1920 - 360))),40.5px);
}

.tagline {
	font-size: clamp(18px,calc(18px + (25 - 18) * ((100vw - 360px) / (1920 - 360))),32px);
	font-weight: 580;
}

.easy-process .left .bottom:before {
	width: 1px;
    background-color: var(--white);
    top: -.55em;
    bottom: -10vh;
}
.easy-process .left .bottom:after {
	--circleWidth: .4em;
    width: var(--circleWidth);
    margin-left: calc(-1 * (var(--circleWidth) / 2));
    background-color: var(--white);
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: var(--circleRadius);
    top: -.55em;
}

.easy-process .left .bottom {
	padding-left: clamp(18.5px,calc(18.5px + (50 - 18.5) * ((100vw - 360px) / (1920 - 360))),50px)
}

.easy-process .left .headline {
	font-size: clamp(20.25px,calc(20.25px + (33 - 20.25) * ((100vw - 360px) / (1920 - 360))),33px);
	font-weight: 720;
}

.easy-process .left .bottom p {
	/* font-size: calc(100% - .1725vw); */
}

.easy-process a.button {
	background-image: none;
	background-color: rgb(0, 0, 0, .24);
    border: 1px solid;
	font-size: 83.5%
}

.section-title {
    font-size:  clamp(26.25px,calc(26.25px + (37.5 - 26.25) * ((100vw - 360px) / (1920 - 360))),37.5px);
	letter-spacing: -.5px
}

.section-desc {
    font-size: clamp(18.35px,calc(18.35px + (24.5 - 18.35) * ((100vw - 360px) / (1920 - 360))),24.5px);
    font-weight: 440;
}

.bottom-desc {
	font-size: clamp(17px,calc(17px + (20.5 - 17) * ((100vw - 360px) / (1920 - 360))),20.5px);
	line-height: 1.55;
}

.services {
	padding: 70px 0 80px
}

.services.with-borders .left,
.services.with-borders .middle {
	border-right: 1px solid #e3e8ef
}

.services.with-borders .left > div:first-child,
.services.with-borders .middle > div:first-child,
.services.with-borders .right > div:first-child {
	border-bottom: 1px solid #e3e8ef
}

.services h3 {
	margin-bottom:  calc(2px + .25vw)
}

.services a {
	color: var(--brandColorBlue)
}

.services a:hover {
	color: var(--brandColorMagenta)
}

.why-us h3 {
	font-weight: 650
}

.why-us .with-icon svg {
	width: 1.92em;
    --padding: 10.25px;
    padding: var(--padding);
    padding-bottom: calc(var(--padding) + 1.75px);
    background-image: linear-gradient(253deg, var(--brandColorBlue), #0a5fab 49%, #06a3c7);
    border-radius: var(--circleRadius);
    display: inline-flex;
    color: var(--white);
    margin-left: -2px;
    fill: currentColor;
}


.with-number:before,
.procedure .column:before {
    position: absolute;
    width: 2.65em;
    height: auto;
    aspect-ratio: 1 / 1;
    background-color: var(--brandColorBlue);
    border-radius: var(--circleRadius);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 #6a696900, 0 .7px .3px #6a69691a, 0 2.2px 1.9px #6a69691d, 0 6.9px 9.4px #6a696920;
}

.procedure .column h3 span:last-child {
	font-size: 98.85%;
	font-weight: 690;
}

.with-number.first:before,
.procedure .content .column.first:before {
	content: "1";
}

.with-number.second:before,
.procedure .content .column.second:before {
	content: "2";
}

.with-number.third:before,
.procedure .content .column.third:before {
	content: "3";
}

.procedure .content {
	
}

.timeline {
	background-color: #e3e8ef;
	overflow: hidden;
}

.requirements img.is-background-image {
	object-position: 70% 50%;
}

.requirements .column {
	border: 1px solid var(--brandColorBlue);
}

.faq h3 {
    font-size: large;
    font-weight: 514;
    line-height: 1.25;
    color: #141414;
}

.testimonial {
    justify-content: center;
    padding: clamp(22px,calc(22px + (38 - 22) * ((100vw - 375px) / (1920 - 375))),38px) clamp(23px,calc(23px + (32 - 23) * ((100vw - 375px) / (1920 - 375))),32px);
    border: 1.5px dotted var(--brandColorBlue);
    border-radius: var(--squareRadius);
    border-style: groove;
    row-gap: calc(10.5px + 0.35vw);
	/* font-size: calc(88% + .015vw); */
	font-size: calc(95.5% + .015vw);
}

.testimonial .client-name {
	font-size: 89%
}

.testimoinials .slide-container {
	margin-top: clamp(38px, calc(38px + (56 - 38) * ((100vw - 360px) / (1920 - 360))), 56px)
}

.star svg {
	/*
    color: #ebbc0e;
    color: #f0ad4e;
	*/
	color: var(--brandColorYellow);
    width: 23px;
    height: auto;
	aspect-ratio: 1/1;
    fill: currentColor;
}

.scroll-container {
	padding-bottom: 30px
}

.scroll-horizontal  .scroll-item {
    display: flex;
    justify-content: center;
    border-radius: var(--roundedRadius);
    overflow: hidden;
}

.judgeme-carousel .scroll-horizontal  .scroll-item {
    aspect-ratio: 1 / 1;
	/* box-shadow: 0 0 #6a696900, 0 .6px .2px #6a696912, 0 1.5px .6px #6a696915, 0 3px 2px #6a696917, 0 6.4px 5.7px #6a696918, 0 15.5px 16.9px #6a69691a; */
	align-items: center;
}

.judgeme-carousel .scroll-item figcaption {
	position: absolute;
	font-weight: 650;
	font-size: 1.05em;
	top: 53%;
	transform: translateY(-50%);
	 color:#488282
}

.judgeme-carousel .scroll-horizontal  .scroll-item img {
	object-fit: contain;
	filter: saturate(1.05) contrast(1.05);
	height: 100%
}

.scroll-container.horizontal:before,
.scroll-container.horizontal:after {
    height: 100%;
    z-index: 2;
}

.scroll-container.horizontal:before {
	background-image: linear-gradient(90deg, #fff 14%, rgb(255,255,255, .96) 25%, rgb(255,255,255, .1) 45%);
	right: unset
}


.scroll-container.horizontal:after {
	background-image: linear-gradient(270deg, #fff 14%, rgb(255,255,255, .96) 25%, rgb(255,255,255, .1) 45%);
	left: unset
}

.testimoinials a.button {
	padding: 10px 21px;
	background-image: none;
    font-size: 93%;
}

.testimoinials a.button {
	background-color: var(--brandColorBlue)
}

.testimoinials a.button:hover {
	background-color: var(--brandColorMagenta)
}

@media (min-width: 768px) {
	
	.easy-process.has-background-video:before {
		background-image: linear-gradient(135deg, rgb(0, 0, 0, .4) 0, rgba(0, 0, 0, .66) 100%);
	}
	
	.easy-process {
		padding: calc(4.65em - .45vw) calc(3.35em + .35vw);
		aspect-ratio: 3 / 1.545;
	}
	
	.easy-process .left {
		max-width: 92%;
	}
	
	.easy-process .left .bottom {
		margin-bottom: -30px;
	}
	
	.easy-process a.button {
		padding: 10px 22.25px;
	}
	
	.easy-process .right {
		max-width: 71%;
		justify-self: flex-end;
	}
	
	.easy-process .right p {
		margin-top: -2px
	}
	
	.why-us .content {
		padding: 20px 0 60px
	}
	
	.procedure .content {
		padding: 110px 90px 80px;
		border: 1px solid var(--brandColorBlue);
		border-radius: var(--squareRadius);
		border-style: outset groove;
		border-width: 2px;
		border-color: #00a2d4;
	}
	
	.timeline {
		width: calc(100% - 180px);
        height: 3.5px;
        margin-top: 96px;
        left: 90px;
        right: 90px;
	}
	
	.progress-overlay {
		transform: none !important;
	}
	
	.procedure .column {
		padding-top: 50px;
		padding-right: calc(8px + 1.5vw)
	}
	
	.with-number:before,
	.procedure .column:before {
		border: 6px solid #e3e8ef;
		font-size: 96%;
		font-weight: 660;
	}
	
	.procedure .column:before {
		top: -36px;
		left: -14px; 
	}
	
	.with-number:before {
		top: -22px;
		left: -24px;
	}
	
	.requirements .left {
		max-width: 97%;
	}
	
	.requirements .right {
		max-width: 96%;
    	margin-left: auto;
		padding: 24px 0 20px
	}
	
	.with-max-width {
		max-width: 700px;
	}
	
	.faqs {
		max-width: 1180px
	}
	
	 .testimonial {
        padding-top: 38px;
        min-height: 475px;
    }
	
	.scroll-vertical, .scroll-horizontal {
		gap: 14px;
	}
	
	.judgeme-carousel .scroll-horizontal .scroll-item {
        min-width: 17.16%;
        padding: 8px;
    }
	
	.scroll-container.horizontal:before, .scroll-container.horizontal:after {
        width: 14%;
    }
	
	.judgeme-carousel {
		max-width: 770px
	}
	
	 .judgeme-carousel figure img {
       /*  height: 66px; */
    }
	
	.bottom-desc {
		font-weight: 430;
	}
	
}

@media (min-width: 3540px) {
	
	
}

@media (min-width: 1025px) and (max-width: 1366px) {

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

	
	
}

@media (max-width: 767px) {
	
	.easy-process.has-background-video:before {
		background-image: linear-gradient(198deg, rgb(0, 0, 0, .42) 0, rgba(0, 0, 0, .72) 100%)
	}
	
	.easy-process {
		padding: clamp(25px,calc(25px + (30 - 25) * ((100vw - 360px) / (767 - 360))),30px);
		padding-top: 29px;
		/* min-height: 82svh; */
	}
	
	.easy-process .left .bottom {
		margin-right: -.15em;
		/* padding-left: 0 */
	}
	
	.easy-process .has-background-video {
		padding: calc(2.25em - .45vw) calc(1.65em + .35vw);
	}
	
	.easy-process video {
		object-position: 70% center;
	}
	
	.easy-process .content {
		height: calc(492px + .5vw);
        min-height: 73.85svh;
	}
	
	.easy-process p {
		line-height: 1.45
	}
	
	.easy-process .left {
		order: 2;
		margin-bottom: -3px
	}
	
	.easy-process .ctas {
		margin-left: -1px
	}
	
	.easy-process a.button {
		padding: 9.5px 18.5px;
	}
	
	.easy-process .healine {
		margin-bottom: -1.5px
	}
	
	.easy-process .left .bottom.very-small-global-gap {
		gap: calc(2px + .15vw)
	}
	
	.easy-process .left .top.very-small-global-gap {
		gap: calc(7px + .25vw)
	}
	
	.easy-process .left .bottom:before,
	.easy-process .left .bottom:after {
		left: -2px
	}
	
	/**/
	.tagline {
		min-height: 53px;
    	margin-bottom: -3px;
	}

	.tagline span#typing {
		display: block
	}
	
	.easy-process .right {
		order: 1;
		max-width: 82%;
		margin-left: auto;
		font-size: 90%
	}
	
	/* 
	.easy-process .left {
		justify-content: end;
		gap: calc(30px + .5vw)
	}
	*/
	
	.why-us .content {
		padding: 20px 0 20px
	}
	
	.procedure .column {
		padding-left: 38px
	}
	
	.with-number:before,
	.procedure .column:before {
		font-size: 80%;
   		font-weight: 620;
		border: 4.5px solid #e3e8ef;
	}
	
	.procedure .column:before {
		top: -3px;
		left: -14px;
	}
	
	.with-number:before {
		top: -18px;
		left: -18px;
	}
	
	.procedure .content {
		row-gap: 30px;
	}
	
	.procedure .column h3 span:first-child {
		display: none
	}
	
	.timeline {
		height: 100%;
		width: 3.5px;
		left: 2.5px;
	}
	
	.progress-overlay {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		transform: scaleY(-10px);
		transform-origin: top;
		background-color: var(--brandColorYellow);
		transition: transform 0.1s linear;
		will-change: transform;
	}
	
	 .testimonial {
        padding-top: 18px;
        min-height: 473px;
    }
	
	.scroll-vertical, .scroll-horizontal {
		gap: 10px;
	}
	
	.judgeme-carousel {
		margin-top: 80px
	}
	
	.judgeme-carousel .scroll-horizontal .scroll-item {
        min-width:27%;
        padding: 2px;
    }
	
	.scroll-container.horizontal:before, .scroll-container.horizontal:after {
        width: 7%;
    }
}

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