:root{--themecolor:#06305f;--themelight:#f5f2ec;--white:#fff;--darkgrey:#1a1a1a;--grey:#6a6a6a;--darkgreen:#1f4d3f;--lightgreen:#e7f3ec}.container{width:90%;max-width:1200px;margin:auto}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--white)}nav{display:flex}nav a{color:var(--white);font-weight:600;text-decoration:none}.logo img{width:auto;height:40px;display:block}.hero{width:100%;position:relative;overflow:hidden}.hero-slider{width:100%;transition:transform .6s ease-in-out;display:flex}.hero-img{object-fit:cover;width:100%;min-width:100%;display:block}.slider-dots{gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:10px;height:10px}.dot.active{background:#fff}.section{padding:80px 0}.section-title{text-align:center;color:var(--themecolor);margin-bottom:15px;font-size:36px}.gray{background:#f5f7fa}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px #00000014}.card h3{color:var(--themecolor);margin-bottom:10px}.contact-section{background:#e0e8ff;padding:80px 0}.contact-header{text-align:center;margin-bottom:10px}.contact-header p{color:#666;margin-top:10px}.contact-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.contact-card{color:#222;background:#fff;border-radius:15px;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 12px 30px #00000012}.contact-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0f4c8126}.contact-icon{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.contact-icon.map{background:linear-gradient(135deg,#2563eb,#60a5fa)}.contact-icon.phone{background:linear-gradient(135deg,#10b981,#34d399)}.contact-icon.clock{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.contact-card h4{margin-bottom:8px;font-size:18px}.contact-card p{color:#666;margin:0;line-height:1.6}.contact-action{text-align:center;margin-top:40px}.call-btn{background:linear-gradient(135deg,var(--themecolor),#375391);color:#fff;border-radius:50px;align-items:center;gap:10px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 12px 25px #2563eb40}.call-btn:hover{transform:translateY(-3px)}@media (width<=768px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:20px}.contact-icon{width:55px;height:55px}.call-btn{justify-content:center;width:100%}}.footer{color:#fff;text-align:center;background:#092d4d;padding:20px}.navbar{background:var(--themecolor);color:var(--white);z-index:1000;align-items:center;padding:15px 0;display:flex;position:sticky;top:0}.nav-content{align-items:center;gap:15px;display:flex}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none}.logo{margin:0}.overlay{z-index:999;background:#00000080;position:fixed;inset:0}.sidebar{z-index:1001;background:#fff;width:280px;height:100vh;transition:all .3s;position:fixed;top:0;left:-280px;box-shadow:4px 0 20px #00000026}.sidebar.active{left:0}.sidebar-header{background:var(--themecolor);color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-header h3{margin:0}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none}.sidebar-menu{flex-direction:column;display:flex}.sidebar-menu a{color:#333;border-bottom:1px solid #eee;padding:15px 20px;font-weight:600;text-decoration:none}.sidebar-menu a:hover{background:#f5f5f5}.bottom-nav{z-index:1000;background:#fff;border-top:1px solid #e5e7eb;justify-content:space-around;align-items:center;width:100%;height:65px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #00000014}.nav-item{color:#666;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover{color:var(--themecolor)}.nav-item svg{width:22px;height:22px}@media (width>=769px){.bottom-nav{border-radius:18px 18px 0 0;max-width:450px;left:50%;transform:translate(-50%)}}#services{background:#bfdaf3}.services-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.service-card{background:var(--white);text-align:center;border:1px solid #eef2f7;border-radius:18px;padding:20px;transition:all .3s;box-shadow:0 4px 10px #0000000a,0 12px 30px #0f4c8114}.service-card:hover{transform:translateY(-6px)}.service-icon{background:#f5f7fa;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;display:flex;box-shadow:0 8px 18px #00000014,inset 0 1px 2px #fffc}.service-card:first-child .service-icon{color:#3b82f6}.service-card:nth-child(2) .service-icon{color:#10b981}.service-card:nth-child(3) .service-icon{color:#f59e0b}.service-card:nth-child(4) .service-icon{color:#ef4444}.service-card:nth-child(5) .service-icon{color:#8b5cf6}.service-card:nth-child(6) .service-icon{color:#06b6d4}.service-card:first-child:hover{box-shadow:0 12px 35px #3b82f640}.service-card:nth-child(2):hover{box-shadow:0 12px 35px #10b98140}.service-card:nth-child(3):hover{box-shadow:0 12px 35px #f59e0b40}.service-card:nth-child(4):hover{box-shadow:0 12px 35px #ef444440}.service-card:nth-child(5):hover{box-shadow:0 12px 35px #8b5cf640}.service-card:nth-child(6):hover{box-shadow:0 12px 35px #06b6d440}@media (width<=768px){.services-grid{grid-template-columns:repeat(2,1fr);gap:12px}.service-card{padding:15px}.service-icon{width:55px;height:55px}.service-card h3{font-size:16px}.service-card p{font-size:13px;line-height:1.5}}.contact-box{flex-direction:column;gap:20px;max-width:500px;margin:auto;display:flex}.contact-item{color:inherit;background:#ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:15px;text-decoration:none;display:flex}.contact-item:hover{background:#ffffff26}.contact-item svg{flex-shrink:0}.price-section{background:linear-gradient(#f8fbff,#eef6ff);padding:80px 0}.section-subtitle{text-align:center;color:#666;margin-bottom:35px}.price-card{background:var(--white);border-radius:18px;overflow:hidden;box-shadow:0 15px 35px #00000014}.price-table{border-collapse:collapse;width:100%}.price-table thead{background:var(--themecolor)}.price-table thead th{color:var(--white);text-align:left;padding:18px;font-size:17px}.price-table tbody tr{border-bottom:1px solid #edf2f7;transition:all .3s}.price-table tbody tr:hover{background:#f8fbff}.price-table td{color:#444;padding:18px;font-size:15px}.price-tag{color:var(--white);text-align:center;background:linear-gradient(135deg,#10b981,#22c55e);border-radius:30px;min-width:75px;padding:7px 14px;font-weight:700;display:inline-block;box-shadow:0 6px 15px #10b98140}.price-table tbody tr:nth-child(2n){background:#fafcff}@media (width<=768px){.price-card{border-radius:14px}.price-table thead th,.price-table td{padding:14px 12px;font-size:14px}.price-tag{min-width:65px;padding:6px 12px;font-size:13px}}.about-section{background:#f8fbff;padding:80px 0}.about-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;display:grid}.about-badge{color:var(--themecolor);background:#e7f1ff;border-radius:30px;margin-bottom:18px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.about-text{color:#666;text-align:justify;margin-top:18px;font-size:15px;line-height:1.6}.about-right{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.feature-card{background:#fff;border-radius:18px;align-items:flex-start;gap:15px;padding:22px;transition:all .3s;display:flex;box-shadow:0 10px 25px #00000012}.feature-card:hover{transform:translateY(-6px)}.feature-icon{color:#2563eb;background:#eef6ff;border-radius:16px;justify-content:center;align-items:center;width:60px;min-width:60px;height:60px;display:flex}.feature-card h4{color:#222;margin-bottom:8px}.feature-card p{color:#666;font-size:14px;line-height:1.6}.feature-card:nth-child(2) .feature-icon{color:#10b981}.feature-card:nth-child(3) .feature-icon{color:#f59e0b}.feature-card:nth-child(4) .feature-icon{color:#ef4444}@media (width<=768px){.about-content{grid-template-columns:1fr;gap:30px}.about-right{grid-template-columns:1fr}.feature-card{padding:18px}.about-section{padding:60px 0}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#333;font-family:Arial,sans-serif}
