@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;
}

#contactForm {
    scroll-margin-top: 120px;
}

@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;
    }
}

/* 404 */
@keyframes float {
  0% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(-40px); 
  }

  45% {
    transform: translateY(0);
  }

  60% {
    transform: translateY(-12px); 
  }

  75% {
    transform: translateY(0); 
  }

  85% {
    transform: translateY(-5px); 
  }

  100% {
    transform: translateY(0);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
  display: inline-block;
}

/* detail career */
.career-content {
    margin: 0;
    color: #1f2937;
    font-size: 1rem;
    line-height: 1.7;
}

.career-content h3 {
    font-size: 1.5rem;
    font-weight: 600;
}

.career-content h4 {
    font-size: 1.125rem;
    font-weight: 600;
}

.career-content ul {
    padding-left: 0;
    list-style: none;
}

.career-content ul li {
    position: relative;
    margin-bottom: 0.6rem;
    padding-left: 1.75rem;
}

.career-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #f97316;
    border-radius: 9999px;
}

.career-content p,
.career-content li {
    color: #374151;
}

/* google maps */
.gm-style-iw-c {
    padding: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    outline: none !important;
}

.gm-style-iw-c:focus,
.gm-style-iw-c:active {
    outline: none !important;
    border: none !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
    max-height: none !important;
}

.gm-style-iw-tc::after, 
.gm-ui-hover-effect {
    display: none !important;
}


#sponsorshipSlider .splide__arrow{
    width: 3rem;
    height: 3rem;
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}
#sponsorshipSlider .splide__arrow svg{
    width: 2rem;
    height: 2rem;
    fill: transparent;
    color: #FB8C00;
}
#sponsorshipSlider .splide__arrow--prev svg{
    transform: scaleX(1);
}