:root{--navy:#092b4c;--blue:#0d5cab;--cyan:#19a7a2;--light:#f4f8fb;--ink:#263746}html{scroll-behavior:smooth}body{color:var(--ink)}a{color:var(--blue)}#topbar{font-size:13px}#topbar .contact-info i{color:var(--cyan)}#topbar .social-links span{color:#667585}#topbar .social-links i{color:var(--cyan);margin-right:5px}#header{height:80px;padding:18px 0}#header #logo h1{font-size:30px;letter-spacing:-1.5px}#header #logo h1 a{color:var(--navy)}#header #logo h1 a span{color:var(--cyan);font-weight:400;margin-left:4px}.nav-menu a{font-weight:600;font-size:13px}.nav-menu li:hover>a,.nav-menu>.menu-active>a{color:var(--cyan)}#intro{height:680px;max-height:78vh;min-height:570px}#intro #intro-carousel .item:before{background:linear-gradient(90deg,rgba(4,27,48,.92),rgba(4,27,48,.62),rgba(4,27,48,.25))}#intro .intro-content{align-items:flex-start;text-align:left;max-width:1140px;margin:auto;padding:0 15px}#intro .intro-content h2{color:#fff;font-size:54px;line-height:1.12;max-width:780px;margin:17px 0 20px;text-shadow:none}#intro .intro-content p{color:#d9e7f2;font-size:19px;line-height:1.7;max-width:690px}.hero-kicker,.section-tag{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:2.2px}#intro .intro-content .btn-get-started,#intro .intro-content .btn-projects{border-radius:5px;margin:10px 12px 10px 0;padding:13px 24px}#intro .intro-content .btn-get-started{background:var(--cyan);border-color:var(--cyan)}#intro .intro-content .btn-projects{background:transparent;border-color:#fff}section{padding:85px 0}.section-header h2{color:var(--navy);font-size:34px;text-transform:none;margin-top:10px}.section-header h2::before{display:none}.section-header p{max-width:720px;margin:0 auto 35px;text-align:center;color:#667585}#about{padding:90px 0}#about .about-img img{border-radius:10px;box-shadow:20px 20px 0 #e5f4f3}#about .content h2{color:var(--navy);font-size:34px;line-height:1.3;margin-top:12px}#about .content p{line-height:1.8;color:#61717e}#about .content ul li{padding-bottom:12px}#about .content ul i{color:var(--cyan)}.inline-link{font-weight:700;color:var(--blue)}#services{background:var(--light)}#services .box{height:calc(100% - 30px);margin-bottom:30px;background:#fff;border-radius:8px;padding:32px 26px;border:1px solid #e7eef4;box-shadow:none;transition:.25s}#services .box:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(8,43,75,.1);border-color:transparent}#services .box .icon{float:none;margin-bottom:20px;width:54px;height:54px;border-radius:8px;background:#e4f6f4;display:flex;align-items:center;justify-content:center}#services .box .icon i{font-size:25px;color:var(--cyan);line-height:1}#services .box .title{margin:0 0 12px;font-size:19px;color:var(--navy)}#services .box .description{margin:0;line-height:1.7;color:#687886}#call-to-action{background:linear-gradient(120deg,var(--navy),#0d5593);padding:60px 0}#call-to-action .cta-title{font-size:28px}#call-to-action .cta-text{color:#d7e6f3;margin:0}#call-to-action .cta-btn{border-radius:5px;border-color:var(--cyan);background:var(--cyan)}#process{background:#fff}.process-row{counter-reset:steps}.process-card{padding:28px;border-top:3px solid var(--cyan);background:var(--light);min-height:210px;margin-bottom:25px}.process-card span{font-size:36px;font-weight:800;color:#cbdce8}.process-card h4{color:var(--navy);font-size:19px;margin:8px 0}.process-card p{font-size:14px;line-height:1.65;margin:0;color:#667585}#contact{background:var(--light)}.contact-panel,.contact-form-card{background:#fff;border-radius:9px;padding:32px;height:100%;box-shadow:0 8px 25px rgba(8,43,75,.07)}.contact-item{display:flex;margin-bottom:26px}.contact-item>i{font-size:31px;color:var(--cyan);width:48px}.contact-item h4{font-size:14px;color:var(--navy);font-weight:700;margin:0 0 5px}.contact-item p{font-size:14px;margin:0;color:#677784}.whatsapp-btn{display:block;text-align:center;background:#20b85a;color:#fff;padding:12px;border-radius:5px;font-weight:700}.whatsapp-btn:hover{color:#fff;background:#169847}.contact-form-card label{font-size:13px;font-weight:700;color:var(--navy)}.contact-form-card .form-control{height:46px;border:1px solid #dbe5ec;border-radius:4px}.contact-form-card textarea.form-control{height:auto}.contact-form-card button{background:var(--blue);border:0;color:#fff;border-radius:5px;padding:13px 24px;font-weight:700;cursor:pointer}.hp-field{position:absolute!important;left:-9999px!important}.alert{font-size:14px}#footer{background:#071f35;padding:35px 0;text-align:center}.footer-brand{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}#footer .copyright{color:#9cb1c2;font-size:13px}.admin-link{display:inline-block;color:#607b91;font-size:11px;margin-top:10px}.back-to-top{background:var(--cyan);border-radius:4px}@media(max-width:768px){#intro{height:620px;max-height:none}#intro .intro-content{align-items:center;text-align:center}#intro .intro-content h2{font-size:37px}#intro .intro-content p{font-size:16px}#header #logo h1{font-size:24px}.contact-panel{margin-bottom:25px}section{padding:65px 0}.section-header h2,#about .content h2{font-size:28px}#about .about-img{margin-bottom:55px}}
#intro #intro-carousel::before{background:linear-gradient(90deg,rgba(4,27,48,.92),rgba(4,27,48,.62),rgba(4,27,48,.25))}#intro #intro-carousel .item{height:680px;max-height:78vh;min-height:570px}@media(max-width:768px){#intro #intro-carousel .item{height:620px;max-height:none}}
:root{--navy:#244e61;--blue:#167eae;--cyan:#2998c3;--red:#ad2b31;--light:#f3f8fa;--ink:#304b58}#header{height:92px;padding:10px 0}#header #logo img{display:block;width:auto;height:70px;max-width:205px;object-fit:contain}.nav-menu a{color:#31515f}.nav-menu li:hover>a,.nav-menu>.menu-active>a{color:var(--red)}.hero-kicker,.section-tag{color:var(--red)}#intro .intro-content .btn-projects{background:var(--red);border-color:var(--red)}#intro .intro-content .btn-projects:hover{color:#fff;background:#8e2025}#intro .intro-content .btn-get-started{background:var(--blue);border-color:var(--blue)}#call-to-action{background:linear-gradient(120deg,#244e61,#167eae)}#call-to-action .cta-btn{background:var(--red);border-color:var(--red)}#services .box .icon{background:#e2f2f8}#services .box .icon i,#about .content ul i,.contact-item>i{color:var(--blue)}.process-card{border-top-color:var(--red)}.back-to-top{background:var(--red)}#footer{background:#183b4b}.footer-logo{width:150px;height:auto;max-height:82px;object-fit:contain;background:#fff;border-radius:4px;padding:5px;margin-bottom:15px}@media(max-width:768px){#header{height:76px;padding:7px 0}#header #logo img{height:60px;max-width:165px}}
