.app_dev{padding:100px 30px 70px;max-width:1260px;margin:auto}.app_dev .grey_bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;object-fit:cover;opacity:.3}@media screen and (max-width: 768px){.app_dev .grey_bg{width:100%}}.app_dev section{display:flex;align-items:center;gap:45px}.app_dev section .hero_info{flex:2;font-weight:400;line-height:130%;letter-spacing:-.02em;display:flex;flex-direction:column;gap:16px}.app_dev section .hero_info .blank{height:2px;width:100px;margin-right:10px;border:1px solid var(--grey);background:var(--grey)}.app_dev section .hero_info h1{position:relative;font-family:var(--font-heading);font-size:24px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-1.08px;color:var(--grey)}.app_dev section .hero_info h1.h4{color:var(--color-primary);font-family:var(--font-heading);font-size:48px;font-style:normal;font-weight:700;line-height:120%}.app_dev section .hero_info p{font-family:var(--font-body);color:var(--black);font-size:20px;line-height:1.6}.app_dev section div{flex:1.25;position:relative;height:min-content}.ai_img{width:100%}@media screen and (max-width: 1160px){.app_dev section .hero_info h1{font-size:54px}.app_dev section .hero_info h1.h4{font-size:20px}.app_dev section .hero_info p{font-size:14px}.app_dev section div{padding:0 16px}}@media screen and (max-width: 768px){.app_dev{padding:130px 0 40px;max-width:1160px;margin:auto}.app_dev section{flex-direction:column}.app_dev section .hero_info h1{font-size:18px;text-align:left}.app_dev section .hero_info h1.h4{font-size:24px;text-align:left;margin-top:12px}.app_dev section .hero_info p{font-size:16px;font-weight:500;text-align:left}}.card-left,.light{width:50%;height:400px;display:flex;justify-content:center;align-items:center}.card-left .card_desc,.light .card_desc{z-index:12;padding:50px}.card-left .card_desc h2,.light .card_desc h2,.card-left .card_desc p,.light .card_desc p{font-size:1em;line-height:150%}.card-left .card_desc h2,.light .card_desc h2{color:var(--color-primary);font-family:var(--font-heading);font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.72px;width:60%;margin-bottom:14px}@media screen and (max-width: 768px){.card-left .card_desc h2,.light .card_desc h2{width:100%}}@media screen and (max-width: 1000px){.card-left .card_desc,.light .card_desc{padding:0}}@media screen and (max-width: 1000px){.card-left,.light{width:100%;padding:50px 20px;height:fit-content}}.card-left{position:relative}.card-left .card_desc{padding-right:100px}@media screen and (max-width: 1000px){.card-left .card_desc{padding:0}}.card-left:after{content:"";position:absolute;background:var(--accent-blue-light-2);top:0;bottom:0;right:0;width:100vw;transform:skew(-25deg);z-index:10}@media screen and (max-width: 1000px){.card-left:after{transform:none;right:auto}}.light{position:relative}.light:before{content:"";position:absolute;background:var(--color-primary);top:0;bottom:0;left:0;width:100vw;transform:skew(-25deg);z-index:10}@media screen and (max-width: 1000px){.light:before{transform:none;left:auto}}.light .card_desc{padding-left:100px}.light .card_desc p,.light .card_desc h2{color:#fff}@media screen and (max-width: 1000px){.light .card_desc{padding:0}}.about-ai{background:var(--color-white);color:var(--color-primary);display:flex;justify-content:center;padding-bottom:100px}@media screen and (max-width: 991px){.about-ai{padding:0}}.about-ai .about-ai-container{width:100%}.about-ai .slash{max-width:1260px;margin:auto}.about-ai .about-ai-container .container{max-width:1000px;margin:auto}.about-ai .about-ai-container .content{padding:50px;background:var( --gradient-primariy-1, linear-gradient(341deg, #042582 1.79%, #143cb2 80.27%) )}.about-ai .about-ai-container .content{text-align:center}.about-ai .about-ai-container .content h2{margin:0 0 24px;font-size:36px;color:#fff;font-weight:700;font-family:var(--font-heading)}@media screen and (max-width: 768px){.about-ai .about-ai-container .content h2{font-size:24px}}.about-ai .about-ai-container .content p{line-height:150%;color:#fff}@media screen and (max-width: 768px){.about-ai .about-ai-container .content p{font-size:16px}}.about-ai .cards-container{padding-top:6em}@media screen and (max-width: 767px){.about-ai .cards-container{padding:40px 16px}}.about-ai .cards-container .cards_wrapper{position:relative}.about-ai .cards-container .cards_wrapper .diagonal-line{position:absolute;z-index:1;width:fit-content;height:520px;top:50%;left:48%;transform:skew(-5.3deg) translate(-50%,-50%)!important}@media screen and (max-width: 1000px){.about-ai .cards-container .cards_wrapper .diagonal-line{display:none}}.about-ai .cards-container .cards_wrapper .cards{display:flex;justify-content:center;align-items:stretch;position:relative;min-height:400px;overflow:hidden;border-radius:12px}@media screen and (max-width: 991px){.about-ai .cards-container .cards_wrapper .cards{flex-direction:column;align-items:center}}.about-ai .cards-container .cards_wrapper .cards .vs{display:flex;justify-content:center;align-items:center;position:absolute;top:40%;left:50.5%;transform:translate(-50%,-50%);z-index:2;height:40px;width:40px}@media screen and (max-width: 1000px){.about-ai .cards-container .cards_wrapper .cards .vs{margin:0;top:45%;left:45%}}@media screen and (max-width: 850px){.about-ai .cards-container .cards_wrapper .cards .vs{top:50%;left:45%}}@media screen and (max-width: 768px){.about-ai .cards-container .cards_wrapper .cards .vs{margin:1em 0;top:45%;left:45%}}.about-ai .cards-container .cards_wrapper .cards .vs span{padding:12px;font-size:1.3em;color:var(--color-white);background:#14338a;border:2px solid white;border-radius:50%;aspect-ratio:1;font-weight:700;height:fit-content}@media screen and (max-width: 768px){.about-ai .about-ai-container .content{padding:40px 20px}}.benefits{overflow:hidden;position:relative;font-family:var(--font-heading);background:var( --gradient-primariy-1, linear-gradient(341deg, #042582 1.79%, #143cb2 80.27%) );padding-top:120px}.benefits .benefits-text-container{position:absolute;left:0;top:0;height:100%;overflow-x:hidden;display:flex;align-items:center;width:100vw;height:100vh}@media screen and (orientation: portrait),screen and (max-width: 991px){.benefits .benefits-text-container{height:100%;padding-left:calc(50% - 16em);align-items:flex-end;overflow:hidden}.benefits .benefits-text-container:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%}}.benefits .benefits-text-container .grid{position:absolute;z-index:-1;opacity:.5;left:0;object-fit:cover;bottom:-75px;height:100vw}@media screen and (max-width: 576px){.benefits .benefits-text-container .grid{height:100%;top:auto;bottom:-100px;object-fit:cover;z-index:1}}.benefits .benefits-text-container .benefits-text{display:flex;align-items:flex-start;transform:translate(100px,-10vh);flex-direction:column;gap:20px}@media screen and (orientation: portrait),screen and (max-width: 991px){.benefits .benefits-text-container .benefits-text{transform:translate(22px,-107vh)!important}}.benefits .benefits-text-container .benefits-text hr{height:4px;background:#fff;width:100vw}@media screen and (orientation: portrait),screen and (max-width: 991px){.benefits .benefits-text-container .benefits-text hr{display:none}}.benefits .benefits-text-container .benefits-text h3{font-weight:900;font-size:36px}@media screen and (orientation: portrait),screen and (max-width: 991px){.benefits .benefits-text-container .benefits-text h3{transform:none;font-size:7em}}.benefits .benefits-text-container .benefits-text h3.solid{background:linear-gradient(280.57deg,#2b4cae 4.92%,#042582 88.31%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.benefits .benefits-text-container .benefits-text h3.hollow{color:var(--color-white);text-align:right;font-family:var(--font-heading);font-size:48px;font-style:normal;font-weight:700;line-height:normal}.benefits .benefits-cards-container{display:flex;align-items:center;padding:max(80px,10vh) 50%}@media screen and (orientation: portrait),screen and (max-width: 991px){.benefits .benefits-cards-container{height:unset;justify-content:center;padding:2em 2em 8em}}.benefits .benefits-cards-container .benefit-cards{display:flex;justify-content:center;align-items:flex-start;gap:18vh;height:100%}@media screen and (orientation: portrait),screen and (max-width: 991px){.benefits .benefits-cards-container .benefit-cards{height:unset;flex-direction:column;align-items:center;gap:3em}}.transparent-card{border-radius:8px;padding:4vh;display:flex;flex-direction:column;gap:2vh;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--material-glass-stroke-2, #8da4e9);background:var( --material-glass-fill-2, linear-gradient( 205deg, rgba(255, 255, 255, .2) 13.56%, rgba(52, 90, 202, .2) 50.68% ) );box-shadow:0 2px 12px #202b4b99;width:55vh;height:36vh;color:#fff}.transparent-card:nth-child(2n){align-self:flex-start}@media screen and (orientation: portrait),screen and (max-width: 991px){.transparent-card{transform:none;width:100%;height:unset;max-width:25em;padding:1.5em;gap:1em;border-radius:2.6em}.transparent-card:nth-child(2n){transform:none}}.transparent-card .image-container{width:fit-content;aspect-ratio:1}.transparent-card .image-container img{height:70px}@media screen and (orientation: portrait),screen and (max-width: 991px){.transparent-card .image-container{width:3em}}.transparent-card h2{font-size:3vh}@media screen and (orientation: portrait),screen and (max-width: 991px){.transparent-card h2{font-size:1.2em}}.transparent-card p{font-size:2vh;line-height:1.5}@media screen and (orientation: portrait),screen and (max-width: 991px){.transparent-card p{font-size:1em}}.go-serverless{background:var(--color-white);color:var(--color-primary);padding:6em 2em;display:flex;justify-content:center}.go-serverless .go-serverless-container{max-width:1160px;text-align:center}.go-serverless .go-serverless-container h3{font-size:36px;font-weight:700;background:radial-gradient(100% 96.7% at 0% 3.3%,#ccf1f9,#ccdaec);-webkit-background-clip:text;margin-bottom:20px;font-family:var(--font-heading)}.go-serverless .go-serverless-container p{font-size:18px;line-height:150%;margin-bottom:2.1em;max-width:40em;color:#333}.go-serverless .go-serverless-container button{color:#fff;padding:0 32px;height:48px;align-items:center;justify-content:center;display:inline-flex;background:var(--accent-red);border-radius:32px;border:none;transition:ease-in-out .3s}.go-serverless .go-serverless-container button:hover{transition:ease-in-out .3s;transform:translateY(-2px)}@media screen and (max-width: 768px){.go-serverless{padding:40px 16px}.go-serverless .go-serverless-container a button{width:100%;font-size:20px}}
