#ai-agent-page{margin-top:0}.hero{position:relative;aspect-ratio:1184 / 752;width:100%;max-height:100vh;height:auto;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.hero .inner-container{background-image:url(https://safe.security/wp-content/uploads/hero-purple-blur.webp);background-repeat:no-repeat;background-position:center top;min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(40px, 5vw, 80px)}.hero .inner-container .text{padding:0 20px}.hero .inner-container .text h1{color:#fff}.hero .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;object-fit:cover}.ai-agent-cards{padding:clamp(35px, 5vw, 50px) 20px clamp(45px, 6vw, 75px)}.ai-agent-cards .inner-container{max-width:1250px;width:100%;margin:0 auto}.ai-agent-cards .inner-container .cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(15px, 2vw, 35px)}.ai-agent-cards .inner-container .cards-container .single{position:relative;aspect-ratio:293 / 487;background-size:100%;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;border-radius:20px;transition:.5s;cursor:pointer;overflow:hidden;transition:.3s}.ai-agent-cards .inner-container .cards-container .single.active{transform:scale(1.025) translateY(-1.2%)}.ai-agent-cards .inner-container .cards-container .single.disable .disable{opacity:1}.ai-agent-cards .inner-container .cards-container .single:hover{background-size:105%}.ai-agent-cards .inner-container .cards-container .single a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.ai-agent-cards .inner-container .cards-container .single .text{position:relative;padding:20px clamp(12px, 2vw, 18px)}.ai-agent-cards .inner-container .cards-container .single .text .inner{position:relative;z-index:2}.ai-agent-cards .inner-container .cards-container .single .text h6{font-size:clamp(20px, 2vw, 24px);font-weight:600;color:#fff}.ai-agent-cards .inner-container .cards-container .single .text p{color:#fff;font-family:"Darker Grotesque";font-size:clamp(16px, 2vw, 20px);font-weight:400}.ai-agent-cards .inner-container .cards-container .single .text .bg{position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(7px);mask-image:linear-gradient(to top,transparent,white 20%,white 80%,transparent);border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:1}.ai-agent-cards .inner-container .cards-container .single .text .bg-black{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .2) 40%,rgb(0 0 0 / .2) 100%);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.ai-agent-cards .inner-container .cards-container .single.coming-soon{justify-content:center}.ai-agent-cards .inner-container .cards-container .single.coming-soon .text{display:flex;flex-direction:column;justify-content:center;text-align:center}.ai-agent-cards .inner-container .cards-container .single.coming-soon .text h4{color:#fff;font-weight:400}.ai-agent-cards .inner-container .cards-container .single .disable{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .6);border-radius:20px;z-index:3;transition:.3s}.ai-agent-cards .inner-container .cards-container .single .hover{width:100%;padding-top:100%;border-radius:430px;background:linear-gradient(180deg,#825af4,#28116b);filter:blur(50px);position:absolute;bottom:0;left:0;right:0;transform:translateY(125%);transition:transform .4s cubic-bezier(.2,0,.4,1)}.ai-agent-cards .inner-container .cards-container .single:hover .hover{transform:translateY(80px)}@media (max-width:991px){.ai-agent-cards .inner-container .cards-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.ai-agent-cards .inner-container .cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.hero .inner-container{min-height:350px}}