@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;600;700&family=Poppins:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}h1,h2,h3{font-family:Libre Baskerville,serif}h3{font-weight:800;font-size:18px}button{font-family:Libre Baskerville,serif}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:40px auto}.whyBox{position:relative;background:#fff;padding:20px;border-radius:10px;text-align:center;overflow:hidden;transition:.3s;box-shadow:0 4px 10px #0000001a}.whyBox:before{content:"";position:absolute;left:-100%;bottom:-100%;width:100%;height:100%;background:#8bc34a;transition:.5s;z-index:0}.whyBox:hover:before{left:0;bottom:0}.whyBox h2,.whyBox h3,.whyBox p{position:relative;z-index:1;transition:.3s}.whyBox:hover h2,.whyBox:hover h3,.whyBox:hover p{color:#fff}.counterIcon{color:#8bc34a;font-size:40px;transition:.3s;margin-bottom:10px;position:relative;z-index:1}.whyBox:hover .counterIcon{color:#fff}.whyBox:hover{transform:translateY(-8px)}.featureSection{padding:0 20px 30px 0;background:#fff;text-align:center}.heading{font-size:32px;margin-bottom:10px}.subHeading{color:#666;margin-bottom:40px}.featureGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:auto}.featureBox{background:#f9f9f9;padding:25px;border-radius:12px;transition:.3s;border:1px solid #eee}.featureBox:hover{background:#8bc34a;color:#fff;transform:translateY(-8px)}.featureBox h3{margin-bottom:10px}.featureBox p{font-size:14px}.icon{font-size:30px;margin-bottom:15px;color:#8bc34a;transition:.3s}.featureBox:hover .icon{color:#fff;transform:rotate(10deg) scale(1.1)}.button{background:linear-gradient(to right,#689f38 50%,#8bc34a 50%);background-size:200% 100%;background-position:right bottom;color:#fff;border:none;padding:12px 26px;border-radius:6px;font-size:15px;cursor:pointer;font-weight:600;transition:all .4s ease}.button:hover{background-position:left bottom;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.form-control{border:1px solid #ccc!important;box-shadow:none!important}.form-control:focus{border:1px solid #0d6efd!important;box-shadow:none!important}.sectionTag{display:inline-block;background:#8bc34a;color:#fff;padding:5px 12px;border-radius:20px;font-size:14px;margin-bottom:10px}.sectionTitle{font-size:32px;font-weight:700;margin-bottom:10px}.sectionSub{color:#666;max-width:600px;margin:0 auto}.footer{background-color:#001524;color:#fff}.footerTitle{margin-bottom:15px;font-weight:600}.footerList{list-style:none;padding:0}.footerList li{margin-bottom:8px;cursor:pointer}.footerList li:hover{color:#8bc34a}.reviewCard{background:#fff;padding:20px;border-radius:10px;border:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000d;transition:.3s;height:100%}.reviewCard:hover{transform:translateY(-5px)}.profileCircle{width:40px;height:40px;background:#4285f4;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.stars{color:#fbbc05;font-size:14px}.about-section{padding:20px;background:#f5f5f5;text-align:center}.about-section h2{font-size:32px;margin-bottom:20px;font-weight:700}.about-section p{margin:10px auto;font-size:16px;line-height:1.7;color:#555;text-align:justify}.about-box{margin-top:30px}.work-section{padding:40px 20px;text-align:center;background:#f5f5f5}.sub-title{color:#8bc34a;font-size:14px;margin-bottom:10px}.main-title{font-size:32px;margin-bottom:50px}.main-title span{color:#8bc34a;position:relative}.main-title span:after{content:"";width:50px;height:3px;background:#8bc34a;position:absolute;left:0;bottom:-8px}.work-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.work-card{width:23%;text-align:center;transition:.3s}.circle-wrapper{position:relative;width:180px;height:180px;margin:auto;border-radius:50%;overflow:hidden;border:5px solid #eee;transition:.4s}.circle-wrapper img{width:100%;height:100%;object-fit:cover}.step-number{position:absolute;left:-10px;top:50%;transform:translateY(-50%);background:#8bc34a;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.work-card h3{margin-top:20px;font-size:18px}.work-card p{font-size:14px;color:#555}.work-card:hover .circle-wrapper{border-color:#8bc34a;transform:scale(1.05);box-shadow:0 0 20px #25e94666}.work-card:hover .step-number{background:#6eb819;transform:translateY(-50%) scale(1.1)}.work-card h3{position:relative}.work-card h3:after{content:"";width:0;height:2px;background:#8bc34a;position:absolute;left:50%;bottom:-5px;transform:translate(-50%);transition:.3s}.work-card:hover h3:after{width:60%}@media(max-width:768px){.work-card{width:100%}}.vision-mission-section{padding:px 20px;background:#f5f5f5}.vm-row{display:flex;align-items:center;margin-bottom:50px;gap:40px}.vm-col{flex:1}.vm-col img{width:100%;height:320px;object-fit:contain;border-radius:10px;box-shadow:0 5px 15px #0000001a}.vm-col.text h2{font-size:32px;margin-bottom:15px}.vm-col.text p{font-size:16px;line-height:1.7;color:#555}.timeline-horizontal{padding:40px 20px;background:#f9f9f9;text-align:center}.timeline-container{position:relative;margin-top:30px;overflow-x:auto;padding-bottom:20px}.timeline-line{position:absolute;top:40px;left:0;width:100%;height:4px;background:#ddd}.timeline-items{display:flex;justify-content:space-between;position:relative;min-width:1000px}.timeline-item{position:relative;text-align:center;width:100px}.timeline-item:before{content:"";position:absolute;top:32px;left:50%;transform:translate(-50%);width:18px;height:18px;background:#fff;border:4px solid #8bc34a;border-radius:50%;transition:.3s}.year{display:block;font-weight:700;margin-bottom:40px}.timeline-item p{font-size:14px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 5px 15px #0000000d;margin-top:20px;transition:.3s}.timeline-item:hover:before{background:#8bc34a}.timeline-item:hover p{transform:translateY(-10px);box-shadow:0 10px 25px #0000001a}.about-company{padding:80px 0;background:#f9fafb}.about-row{display:flex;align-items:center;gap:50px}.about-image{flex:1}.about-image img{width:100%;border-radius:15px;box-shadow:0 10px 25px #0000001a}.about-content{flex:1}.about-content h2{font-size:32px;margin-bottom:20px}.about-content p{color:#555;line-height:1.7;margin-bottom:15px}.about-bottom-boxes{display:flex;gap:20px;margin-top:50px}.about-box{flex:1;background:#fff;padding:25px;border-radius:12px;border-top:4px solid #8bc34a;box-shadow:0 5px 15px #0000000d;transition:.3s}.about-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.about-box h4{margin-bottom:10px}@media(max-width:900px){.about-row,.about-bottom-boxes{flex-direction:column}}.topbar{background:#8bc34a;color:#fff;font-size:14px;padding:6px 0}.logo-text{color:#8bc34a;font-weight:700;font-size:24px}.navbar{height:70px;transition:.3s}.nav-hover{position:relative;margin-right:20px;font-weight:500}.nav-hover:after{content:"";position:absolute;width:0%;height:2px;bottom:0;left:0;background:#8bc34a;transition:.3s}.nav-hover:hover:after{width:100%}.nav-hover:hover{color:#8bc34a!important}.quote-btn{background:#8bc34a;color:#fff;padding:8px 18px;border-radius:5px}.quote-btn:hover{background:#6ea52f;color:#fff}.logo-solinn{font-family:Oleo Script,system-ui;font-size:32px;color:#999b99}.logo-tech{font-family:Oleo Script,system-ui;font-size:32px;color:#8bc34a}@media(max-width:991px){.mobile-menu{background:#fff;padding:15px;margin-top:10px;border-radius:10px;box-shadow:0 10px 25px #0000001a}.nav-link{padding:10px 0;border-bottom:1px solid #eee}.nav-link:last-child{border-bottom:none}.quote-btn{width:100%;text-align:center}}
