@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap");

body {
	font-family: "Inter", sans-serif;
}

.hero-bg {
	background-image: linear-gradient(rgba(15, 23, 42, 0.85),
			rgba(15, 23, 42, 0.7)),
		url("https://www.gstatic.com/marketing-cms/assets/images/82/2c/3e868fdc4a34a18d28566d72d5c2/aerial-view-of-our-new-albany-data-center-campus-in-central-ohio.jpg=n-w2560-h1918-fcrop64=1,00000000ffffffff-rw");
	background-size: cover;
	background-position: center;
}

@keyframes heroZoomSlow {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.08);
	}
}

.hero-zoom {
	animation: heroZoomSlow 16s ease-in-out infinite alternate;
	transform-origin: center;
}

.group.active .max-h-0 {
	max-h: 1000px;
}

.scrollbar-hide::-webkit-scrollbar {
	display: none;
}

.scrollbar-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.company-icon svg {
	width: 36px;
	height: 36px;
}

.invalid-feedback {
	font-size: .875rem;
	color: red;
}
/* thanks animation */
.success-animation {
     margin: 0 auto;
}
 .checkmark {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     display: block;
     stroke-width: 2;
     stroke: #fff;
     stroke-miterlimit: 10;
     box-shadow: inset 0px 0px 0px #22c55e;
     animation: fill 2s ease-in-out infinite, scale 2s ease-in-out infinite;
     position: relative;
     top: 5px;
     right: 5px;
     margin: 0 auto;
}
 .checkmark__circle {
     stroke-dasharray: 166;
     stroke-dashoffset: 166;
     stroke-width: 2;
     stroke-miterlimit: 10;
     stroke: #22c55e;
     fill: none;
     animation: stroke 2s cubic-bezier(0.65, 0, 0.45, 1) infinite;
}
 .checkmark__check {
     transform-origin: 50% 50%;
     stroke-dasharray: 48;
     stroke-dashoffset: 48;
     animation: stroke-check 2s cubic-bezier(0.65, 0, 0.45, 1) infinite;
}
 @keyframes stroke {
     0% {
         stroke-dashoffset: 166;
    }
     25% {
         stroke-dashoffset: 0;
    }
     100% {
         stroke-dashoffset: 0;
    }
}
 @keyframes stroke-check {
     0% {
         stroke-dashoffset: 48;
    }
     35% {
         stroke-dashoffset: 48;
    }
     50% {
         stroke-dashoffset: 0;
    }
     100% {
         stroke-dashoffset: 0;
    }
}
 @keyframes scale {
     0%, 100% {
         transform: none;
    }
     45% {
         transform: none;
    }
     55% {
         transform: scale3d(1.1, 1.1, 1);
    }
     65% {
         transform: none;
    }
}
 @keyframes fill {
     0% {
         box-shadow: inset 0px 0px 0px #22c55e;
         opacity: 1;
    }
     20% {
         box-shadow: inset 0px 0px 0px #22c55e;
    }
     40% {
         box-shadow: inset 0px 0px 0px 50px #22c55e;
    }
     80% {
         box-shadow: inset 0px 0px 0px 50px #22c55e;
         opacity: 1;
    }
     100% {
         box-shadow: inset 0px 0px 0px 50px #22c55e;
         opacity: 0;
    }
}