@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--color: #fff;--primery: #A259FF;--secondary: #24B5EE;--second:#000;--head--family:"Figtree", sans-serif;--pera--family:"IBM Plex Sans Thai", sans-serif;--bg--color:#071B2E;--body-text: #1C1E20}html{scroll-behavior:smooth}body{font-family:var(--pera--family)}.container{width:80%;margin:auto}header{border-bottom:1px solid #E8EBF0;padding:16px 0}.menu{display:flex;justify-content:space-between;align-items:center}.navbar ul li{display:inline-block;padding-left:28px}.button-link{display:none}.navbar ul li a{text-decoration:none;font-family:var(--pera--family);font-weight:500;font-size:16px;line-height:100%;letter-spacing:0%;color:#000;transition:.4s}.navbar ul li a:hover{color:#8c4ddb}.Explore{background:#1c1e20!important;border:1px solid #1C1E20!important}.Explore:hover{background:transparent!important;color:#1c1e20!important}.btn{font-family:var(--head--family);font-weight:600;font-size:12px;line-height:100%;letter-spacing:0%;text-decoration:none;color:#fff!important;background-color:#1c1e20;padding:15px 25px;display:block}.mobile{display:inline-block;cursor:pointer;display:none}.bar1,.bar2,.bar3{width:35px;height:5px;background-color:#8c4ddb;margin:6px 0;transition:.4s}.change .bar1{transform:translateY(11px) rotate(-45deg)}.change .bar2{opacity:0}.change .bar3{transform:translateY(-11px) rotate(45deg)}.hero-text h1{font-family:var(--head--family);font-weight:800;font-size:72px;line-height:92px;letter-spacing:0%;text-transform:uppercase;width:76%}.hero-text p,.con_text p{font-family:var(--pera--family);font-weight:400;font-size:22px;line-height:34px;letter-spacing:0%;width:70%;margin-top:22px;border-left:2px solid #24B5EE;padding-left:20px}.btn-second{margin-top:26px}.btn-second a{font-family:var(--head--family);font-weight:600;font-size:18px;line-height:100%;letter-spacing:0%;text-decoration:none;background:#a259ff;border:1px solid #A259FF;padding:22px 38px;display:inline-block;color:#fff;margin-top:20px;margin-right:10px;transition:.4s}.btn-second a:hover{background:transparent;color:#8c4ddb}.hero-section{background:#f7f9fc;position:relative;padding:80px 0}.group-img-slide{position:absolute;top:50px;right:0}.group2{position:absolute;top:70px;transition:all .5s linear}.group1{position:absolute;top:136px;z-index:1;transition:all .5s linear}.hero-section:hover .group1{top:200px}.hero-section:hover .group2{top:100px}.Why-Choose-Us{padding:90px 0;position:relative;margin-top:40px}.Why-Choose-Us-text h3,.Testimonial h3{font-family:var(--head--family);font-weight:600;font-size:18px;line-height:38px;margin-bottom:15px;color:var(--primery)}.Why-Choose-Us-text h2{font-family:var(--head--family);font-weight:800;font-size:42px;line-height:54.6px;letter-spacing:0%;text-transform:uppercase;width:60%}.Experts-card h3{font-family:var(--head--family);font-weight:700;font-style:Bold;font-size:18px;line-height:32px;letter-spacing:0%;margin:14px 0}.Experts-card p{font-family:var(--pera--family);font-weight:400;font-size:16px;line-height:26px;letter-spacing:0%;color:var(--body-text)}.Experts{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:60px}.grid-colom{border-left:2px solid #DCE1E6;padding-left:22px;padding-right:14px;position:relative}.grid-colom:before{content:"";background:linear-gradient(24deg,#1abcfe -5%,#a259ff 92%);width:2px;height:40px;position:absolute;left:-2px;top:55px}.group-img-Choose{position:absolute;top:40px;left:0}.group32{position:absolute;top:50px;left:0;transition:all .5s linear}.group33{position:absolute;top:100px;left:0;transition:all .5s linear}.Why-Choose-Us:hover .group32{top:80px}.Why-Choose-Us:hover .group33{top:180px}.services_export{display:none}.services{background:#071b2e;padding:80px 0}.our-services h2{font-family:var(--head--family);font-weight:800;font-size:42px;letter-spacing:0%;text-transform:uppercase;color:#fff}.our-services p{font-family:var(--pera--family);font-weight:400;font-size:18px;line-height:32px;letter-spacing:0%;color:#fff;width:68%;margin-top:10px}.service-card h2{font-family:var(--head--family);font-weight:600;font-size:22px;line-height:54.6px;letter-spacing:0%;color:#fff;padding:6px 0}.service-card p{font-family:var(--pera--family);font-weight:400;font-size:15px;line-height:28px;letter-spacing:0%;color:#fff;width:90%}.service-card ul li{font-family:var(--pera--family);font-weight:500;font-style:Medium;font-size:16px;line-height:32px;letter-spacing:0%;color:#fff;list-style:none;display:flex;padding:4px 0}.service-card ul{margin-top:20px}.our_service{padding-top:60px}.service-card ul li img{width:18px!important;margin-right:13px}.btn-second-book a{font-family:var(--head--family);font-weight:600;font-size:16px;letter-spacing:0%;background:#fff;text-decoration:none;padding:15px;display:inline-block;margin-top:20px;color:var(--primery)}.service-card img{width:40px!important}.service-card{border-left:1px solid #3f4346;padding-left:20px;position:relative}.service-card:before{content:"";background:linear-gradient(24deg,#1abcfe -5%,#a259ff 92%);width:1px;height:34px;position:absolute;left:-1px;top:56px}.owl-nav,.owl-dots{display:none}.Testimonial{padding:100px 0;margin-top:30px;position:relative}.grid-box{display:grid;grid-template-columns:1fr 1fr;gap:108px;align-items:center}.grid-colum-one{padding-right:6px}.grid-colum-one h2{font-family:var(--head--family);font-weight:800;font-size:42px;line-height:52.6px;letter-spacing:0%;text-transform:uppercase}.grid-colum-one p{font-family:var(--pera--family);font-weight:400;font-size:22px;line-height:34px;letter-spacing:0%;margin:20px 0;color:var(--body-text)}.grid-colum-one a{background:var(--primery);color:#fff;text-decoration:none;font-family:var(--head--family);font-weight:600;font-size:18px;line-height:100%;letter-spacing:0%;padding:22px 38px;display:inline-block}.grid-colum-two{background:#071b2e;padding:80px 56px;position:relative}.cote-icos{position:absolute;top:-27px;left:52px}.Testimonial-slide h3{font-family:var(--head--family);font-weight:700;font-style:Bold;font-size:24px;line-height:33.2px;letter-spacing:0%;color:#fff;padding-bottom:16px}.Testimonial-slide p{font-family:var(--pera--family);font-weight:400;font-size:16px;line-height:25px;letter-spacing:0%;color:#fff;margin-bottom:30px}.client{border-left:2px solid #783FC0;padding-left:18px}.client span{font-family:var(--head--family);font-weight:600;font-size:16px;line-height:33.2px;letter-spacing:0%;color:#24b5ee}.group-img-Testimonial{position:absolute;top:40px;left:0}.group34{position:absolute;top:50px;left:0;transition:all .5s linear}.group35{position:absolute;top:100px;transition:all .5s linear}.Testimonial:hover .group34{top:80px}.Testimonial:hover .group35{top:180px}.Project_grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px}.Project{background-color:#f7f9fc;padding:100px 0;margin-top:30px}.Project_img{background:#fff;padding:15px;border-radius:5px}.Project_text h2{font-family:var(--head--family);font-weight:700;font-size:40px;line-height:63px;letter-spacing:0%;padding-bottom:20px}.Project_img p{font-family:var(--head--family);font-weight:500;font-size:16px;line-height:18.6px}.Project_img img{width:100%}.tech-title{display:flex;gap:10px;align-items:center;margin-top:12px}.tech-title .tech{height:40px;width:40px;overflow:hidden;border-radius:100px}.con_text h2{font-family:var(--head--family);font-weight:800;font-size:58px;line-height:76px;letter-spacing:0%;text-transform:uppercase;color:#fff;width:63%}.con_text h2 span{color:#24b5ee}.con_text p{font-family:var(--pera--family);font-weight:400;font-size:22px;line-height:34px;letter-spacing:0%;color:#fff;width:74%;margin-top:30px}.form{background-color:var(--bg--color);padding:100px 60px;position:relative}.contant{padding:50px 0;margin-top:30px}.contact-form{width:90%;max-width:700px;background:transparent;padding:20px 0}form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}input,textarea{width:100%;padding:10px;border:none;border-bottom:1px solid #445566;background:transparent;color:#fff;font-size:14px;outline:none;font-family:var(--pera--family);font-weight:400;font-style:Regular;font-size:18px}textarea{grid-column:span 2;resize:none;height:80px}.full{grid-column:span 2}input::placeholder,textarea::placeholder{color:#fff;opacity:1}button{padding:18px 38px;font-family:var(--head--family);background:var(--primery);color:#fff;border:0;margin-top:20px;font-size:18px;width:fit-content;transition:.4s}button:hover{background:var(--secondary)}.success-form{color:#00580f;padding:18px 20px;background:#91dfa9;margin-top:25px;font-family:var(--head--family);font-weight:500}.group-img-contact{position:absolute;right:0;top:100px}.group12{position:absolute;top:70px;transition:all .5s linear}.group11{position:absolute;top:136px;z-index:1;transition:all .5s linear}.form:hover .group11{top:200px}.form:hover .group12{top:100px}.footer{background-color:#eff1f5;padding:20px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center}.Policy ul li{display:inline-block;padding-left:30px}.Policy ul li a{font-family:var(--pera--family);font-weight:400;font-style:Regular;font-size:15px;line-height:33.2px;letter-spacing:0%;text-decoration:none;color:#1c1e20}.rights p{font-family:var(--head--family);font-weight:400;font-size:16px;line-height:33.2px;letter-spacing:0%}.body header{margin:40px 0}.body h1,h2,h3,h4,h5,h6{margin-bottom:20px}.body p,.body ul{margin-bottom:16px}.body ul{padding-left:20px}.body ul li{margin-bottom:10px}.alert{display:flex;align-items:center;padding:22px;border-radius:0;height:fit-content;margin-top:15px}.alert.alert-danger{background:#f9cbcb;color:#dd5151}.alert.alert-success{background:#7af5bc;color:#00b871}@media only screen and (max-width:900px){.container{width:95%}.group-img-Choose,.group-img-Testimonial{display:none}.grid-colum-one h2{font-size:30px}}@media only screen and (max-width:767px){.hero-text h1{font-size:40px;line-height:63px}.button-link{display:none}.navbar{background:#1abcfe;position:absolute;top:77px;left:-1200px;z-index:99;width:100%;transition:all .5s linear}.navbar.active{left:0}.mobile{display:block}#btn a{display:inline}.navbar ul li{display:block;padding:20px 19px;border-bottom:1px solid #fff}.navbar ul li a{color:#fff}.Why-Choose-Us-text h2{width:100%}.Experts{grid-template-columns:1fr 1fr;gap:40px}.grid-box{grid-template-columns:1fr;align-items:center;gap:50px}.Project_grid{grid-template-columns:1fr 1fr;gap:15px}.con_text h2{font-size:40px;width:63%}}@media only screen and (max-width:600px){.hero-text h1{font-size:28px;line-height:46px}.group-img-slide img{width:70px}.hero-text p{font-size:17px;width:100%;border-left:0;padding-left:0}.btn-second a{display:block;text-align:center}.hero-section:hover .group1{top:136px}.hero-section:hover .group2{top:70px}.Why-Choose-Us{padding:0}button{width:100%}.Testimonial{padding:10px 0}.form{padding:100px 10px!important}.hero-section{padding:40px 0}.footer-grid{display:block;text-align:center}.Policy ul li{display:block;padding-left:0}}@media only screen and (max-width:500px){.Why-Choose-Us-text h2{width:100%;font-size:24px}.our-services h2{font-family:var(--head--family);font-weight:800;font-size:30px;letter-spacing:0%;text-transform:uppercase;color:#fff}.our-services p{width:100%;font-size:16px}.grid-colum-two{padding:60px 20px;position:relative}.Project_text h2{font-size:24px}.Project{background-color:#f7f9fc;padding:16px 0;margin-top:0}.Project_grid{grid-template-columns:1fr;gap:15px}.group-img-contact img{width:60px}.con_text h2{font-size:24px;width:76%;line-height:40px}.con_text p{font-size:16px;line-height:26px;width:80%}button{width:100%;padding:11px 0}.Why-Choose-Us-text{text-align:center}.Why-Choose-Us-text h2{width:100%;font-size:20px;line-height:35px}.Experts{display:none}.box_grid-img h3{font-family:var(--head--family);font-weight:700;font-style:Bold;font-size:20px;line-height:32px;letter-spacing:0%;margin:14px 0}.box_grid-img p{font-family:var(--pera--family);font-weight:400;font-size:16px;line-height:26px;letter-spacing:0%}.box_grid-img{text-align:center;background:#f7f9fc;border-radius:7px;padding:20px 40px;border:2px solid #F2F4F7;margin-top:10px}.services{background:#071b2e;padding:40px 0;margin-top:30px}.services_export{display:block}.service-card{padding:26px 22px;border-radius:5px;background-color:#fff}.service-card h2,.service-card p,.service-card ul li{color:#000}.btn-second-book a{background:#a259ff;color:#fff;padding:13px 22px}.group-img-contact{position:absolute;right:0;top:36px}#btn{display:block}}