@font-face { font-family: Glacial; src: url('fonts/Barlow/Barlow.otf') format('opentype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Barlow; src: url('fonts/Barlow/Barlow.otf') format('opentype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Montserrat; src: url('fonts/Montserrat/Montserrat.otf') format('opentype'); font-style: normal; font-weight: normal;}
    body {font-family:Montserrat; background: linear-gradient(white 0px, white 160px, transparent 250px),radial-gradient(circle at top, #0c328e 0%, #08245f 35%, #031533 65%, #000814 100%); background-repeat: no-repeat; background-size: 100% 160px, cover; color: #101010;  letter-spacing: clamp(0.01em, 0.08vw, 0.04em); word-spacing: clamp(0.02em, 0.2vw, 0.12em);  line-height: 1.6; }
    .xxxsmlfont{font-size: clamp(0.4rem, 0.4vw, 0.4rem);  }
	.xxsmlfont{ font-size: clamp(0.4rem, 0.5vw, 0.5rem);  }
	.xsmlfont{font-size: clamp(0.6rem, 0.8vw, 0.8rem);  }
	.smlfont{font-size:  clamp(0.8rem, 1.0vw, 1.0rem); }
	.mdmfont{font-size:clamp(1.0rem, 1.5vw, 1.5rem); }
	.lgfont{font-size: clamp(1.8rem, 2.0vw, 2.0rem); }
	.xlgfont{font-size: clamp(1.8rem, 3.5vw, 3.5rem); }
	.xxlgfont{font-size: clamp(1.8rem, 4.2vw, 4.2rem); }
    select {border:1px solid #c0c0c0;font-size: 14px; padding:7px; margin:2px;; font-family: Barlow;}
	textarea {border:1px solid #c0c0c0; padding:7px; margin:5px 2px 5px 2px; font-family: Barlow; scrollbar-base-color:white;scrollbar-arrow-color:#2F2F2F;scrollbar-DarkShadow-Color: white; }
	input[type="text"]{border:1px solid #c0c0c0; padding:7px; margin:2px; font-family: Barlow;}
	input[type="password"] {border:1px solid #c0c0c0; padding:2px; margin:2px; font-family: Barlow;}
	input[type="checkbox"] {border:0;font-size:13px; padding:2px; margin:2px; font-family: Barlow;}
	input[type="radio"] {border:0;font-size:13px; padding:2px; margin:2px; font-family: Barlow;}
	input[type="file"] {font-size:13px; padding:2px; margin:2px; font-family: Barlow;background-color:white;border:1px solid #c0c0c0;}
	input[type="button"] {font-size:20px;background-color:#0c328e; color:#fdfdfd; cursor: pointer; margin:2px; padding:5px 5px 5px 5px; border:1px solid #c0c0c0;  -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; border-radius:7px;}
	input[type="submit"] {background-color:white;font-size:13px;cursor: pointer; margin:2px; border:1px solid #c0c0c0; padding:5px 5px 5px 5px;}
	ul { padding: 5px clamp(15px, 5vw, 50px); line-height:1.4;}   
    li { padding: 5px; line-height:1.4;}  
    p{ margin:0 0 1.1em; text-wrap:pretty;}
    * {box-sizing: border-box; margin: 0; padding: 0;}
    .lapav{display: none;}
    .curve {border:1px solid #c0c0c0;  -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; border-radius:7px;}
    
   .close{font-weight:bold; background-color:red; color:#fdfdfd!important; font-size: 15px; cursor:pointer; padding:2px 5px 3px 5px; border:1px solid red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
   .delete {display:inline-block;font-weight:bold; background-color:red; color:#fdfdfd; -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; padding:3px 6px 3px 6px;cursor:pointer;text-align:center;}
	a {color: inherit; text-decoration: none;}
    img { max-width: 100%; display: block; }
    nav {position: fixed; top: 0; right: 0; left: auto; padding: 1.2rem 2rem; display: flex; justify-content: space-between; align-items: center; backdrop-filter: blur(20px); background:  linear-gradient(#0c328e, #1f6feb); border: 1px solid white; z-index: 10; width: fit-content; border-radius: 10px; }

   .logo{display:flex;align-items:center;gap:0.8rem;margin: 5px 0 0 clamp(10px, 4vw, 40px);}
   .nav-logo{height:clamp(120px, 12vw, 150px);}
   .nav-links{display:flex;gap:1.4rem;font-size:1.2rem;font-weight:600;color:#fdfdfd;}
   .nav-links span{display:inline-block;margin:0;}
    #menu-btn{display:none;}
    @media(max-width:768px){.nav-links{display:none;flex-direction:column;position:absolute;top:70px;right:10px;background:#101010;padding:1rem;border-radius:10px;box-shadow:0 0 10px #000;}#menu-btn{display:block;}}

    .nav-links a:hover{color:#f2f2f7;}
    @media(max-width:768px){.nav-links{display:none;}}
    .shell{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;}
    .hero{padding:4.5rem 0 3rem;text-align:center; color:#f2f2f7;}
    .hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.1;background:linear-gradient(135deg,#7f5bff,#00e0b8,#ff4d4d);-webkit-background-clip:text;color:transparent;}
    .hero-sub{margin-top:1.2rem;font-size:1.1rem;color:#fdfdfd;max-width:720px;margin-left:auto;margin-right:auto;}
    .hero-actions{margin-top:2.4rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;}
    .btn{padding:0.9rem 1.6rem;border-radius:12px;font-size:1rem;font-weight:600;border:1px solid rgba(0,0,0,0.08);cursor:pointer;transition:0.25s;display:inline-flex;align-items:center;justify-content:center;}
    .btn-primary{background:linear-gradient(135deg,#7f5bff,#00e0b8);color:#fff;box-shadow:0 25px 60px rgba(0,0,0,0.45);}
    .btn-primary:hover{transform:translateY(-3px);}
    .btn-secondary{background:rgba(255,255,255,0.12);color:#f2f2f7;}
    .btn-secondary:hover{background:rgba(255,255,255,0.18);}
    .hero-banner{margin-top:3rem;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.8rem;align-items:center;}
    .hero-banner-left{text-align:left;}
    .hero-banner-left h2{font-size:1.9rem;margin-bottom:0.8rem;}
    .hero-banner-left p{font-size:0.98rem;color:var(--muted);max-width:90%;}
    .hero-banner-right{background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border:1px solid rgba(0,0,0,0.08);border-radius:18px;padding:1.4rem;box-shadow:0 25px 60px rgba(0,0,0,0.45);}
    .hero-banner-right img{height:400px;width:auto;object-fit:contain;}
    .hero-banner-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);}
    .hero-banner-reverse .hero-banner-right{order:1;}
    .hero-banner-reverse .hero-banner-left{order:2;}
    @media(max-width:900px){.hero-banner,.hero-banner-reverse{grid-template-columns:minmax(0,1fr);}}
    .section{margin-top:4rem; color:#f2f2f7;}
    .section-title{font-size:2rem;font-weight:700;}
    .section-sub{margin-top:0.6rem;font-size:1.28rem;color:var(--muted);max-width:640px;margin:10px 5px 20px 5px;}
    .grid{display:grid;gap:1.5rem;}
    .grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
    .card{background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border:1px solid rgba(0,0,0,0.08);padding:1.6rem;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,0.45);transition:0.25s;max-height:450px;min-height:200px;}
    .card h1{color:#101010;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;line-height:1.2;margin-top:2.5vw;}
    .card:hover{transform:translateY(-6px);}
    .card-img{margin-bottom:0.9rem;border-radius:12px;overflow:hidden;text-align:center;}
    .card-img img{height:180px;width:auto;object-fit:contain;margin:0 auto;}
    .card-title{font-size:1.2rem;font-weight:600;margin-bottom:0.4rem;color:#000;}
    .card-body{font-size:0.95rem;color:#333;}
    .badges{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:center;}
    .badge-img{height:clamp(32px,4vw,40px);filter:drop-shadow(0 8px 20px rgba(0,0,0,0.7));margin-left:0.9vw;}
    #about-details{background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border-radius:18px;padding:2rem;box-shadow:0 25px 60px rgba(0,0,0,0.45);margin-top:2rem;display:flex;flex-direction:column;gap:3rem;}
    .about-row{display:grid;grid-template-columns:250px auto;gap:2rem;background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border:1px solid rgba(0,0,0,0.08);border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,0.45);padding:2rem;align-items:center;}
    .about-row.reverse{grid-template-columns:auto 250px;}
    .about-row.reverse .about-img{order:2;}
    .about-row.reverse .about-text{order:1;}
    .about-img{display:flex;justify-content:center;align-items:center;height:100%;}
    .about-img img{width:100%;max-width:220px;object-fit:contain;display:block;max-height:200px;}
    .about-text{font-size:1rem;line-height:1.6;color:#333;}
    .about-text p{margin-bottom:1rem;}
    .about-text ul{margin-top:1rem;padding-left:1.2rem;}
    .about-logos-row{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:1rem;}
    .about-logos-row img{height:50px;object-fit:contain;}
    @media(max-width:900px){.about-row,.about-row.reverse{grid-template-columns:1fr;text-align:center;}.about-img{margin-bottom:1rem;height:auto;}.about-img img{margin:0 auto;}.about-text{text-align:left;}}
    .team-grid{margin-top:2rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
    .team-card{background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border:1px solid rgba(0,0,0,0.08);border-radius:18px;padding:1.2rem;text-align:center;box-shadow:0 25px 60px rgba(0,0,0,0.45);}
    .team-card img{width:80px;height:80px;border-radius:50%;margin:0 auto 0.8rem;object-fit:cover;}
    .team-name{font-weight:600;margin-bottom:0.2rem;color:#000;}
    .team-role{font-size:0.9rem;color:#333;}
    .services-icons img{height:60px;border-radius:12px;padding:0.6rem;background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);box-shadow:0 25px 60px rgba(0,0,0,0.45);}
    #services .card{max-height:60px!important;}
    .gallery-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
    .gallery-item img{border-radius:12px;box-shadow:0 25px 60px rgba(0,0,0,0.45);padding:0.4rem;background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);}
    .contact{background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border:1px solid rgba(0,0,0,0.08);padding:2rem;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,0.45);margin-top:2rem;}
    .contact label{display:block;font-size:0.9rem;color:#333;margin-top:0.8rem;}
    .contact input,.contact textarea{width:100%;padding:0.8rem;margin-top:0.3rem;border-radius:12px;border:1px solid rgba(0,0,0,0.08);background:#fff;color:#000;font-size:0.95rem;}
    .contact textarea{min-height:100px;resize:vertical;}
    .contact button{margin-top:1rem;}
    .social-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:0.8rem;align-items:center;}
    .social-row img{height:26px;}
    footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.12);text-align:center;font-size:0.85rem;color:var(--muted);}
    .chat-widget{position:fixed;right:1.5rem;bottom:1.5rem;background:linear-gradient(135deg,#fefefe,#f4f4f4,#e9e9e9);border:1px solid rgba(0,0,0,0.08);border-radius:999px;padding:0.5rem 0.8rem;display:flex;align-items:center;gap:0.4rem;box-shadow:0 25px 60px rgba(0,0,0,0.45);font-size:0.85rem;color:#000;}
    .chat-widget img{height:20px;}
    #chatbot-container{position:fixed;bottom:20px;right:20px;z-index:20!important;}
    .centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto;max-height:100%;height:inherit;}
    #chatbot-bubble{width:clamp(80px, 12vw, 150px); max-width:150px; height:60px;background:linear-gradient(#0c328e,#1f6feb);color:white;border:1px solid white;border-radius:10px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px rgb(16,16,16);z-index:25!important;}
    #chatbot-bubble img{margin-right:10px;align-items:center;}
    #chatbot-window{position:fixed;font-style:normal!important;width:90vw;max-width:420px;height:auto;max-height:85vh;min-height:350px;background:#ffffff;border-radius:12px;border:1px solid #c0c0c0;box-shadow:0 0 10px #fdfdfd;display:none;opacity:0;transition:all 0.3s ease;overflow:hidden;box-sizing:border-box;}
    #chatbot-window.open{opacity:1;transform:translate(-50%,-50%) scale(1);}
    #chatbot-header{cursor:pointer;font-style:normal!important;user-select:none;background:linear-gradient(#0c328e,#1f6feb);color:white;padding:10px;display:flex;justify-content:space-between;align-items:center;}
    #chatbot-header button{background:transparent;border:none;color:white;font-size:18px;cursor:pointer;}
    #chatbot-messages{padding:10px;height:380px;overflow-y:auto;background:#f5f5f5;}
    .message{margin-bottom:8px;padding:12px 10px;border-radius:8px;max-width:100%;font-size:14px;border-top:1px solid #c0c0c0;}
    .message.user{background:#1f6feb;color:white;margin-left:auto;}
    .speak-icon{cursor:pointer;font-size:20px;opacity:1;line-height:1;user-select:none;color:#101010;text-decoration:none;}
    .speak-icon:hover{opacity:1;color:blue;}
    #chatbot-input-area{display:flex;align-items:center;padding:8px;border-top:1px solid #ddd;background:#fff;gap:6px;}
    #chatbot-input{flex:1;padding:6px 8px;border-radius:6px;border:1px solid #ccc;}
    .send-btn{padding:6px 6px;border-radius:6px;border:none;background:linear-gradient(#0c328e,#1f6feb);color:white;cursor:pointer;display:inline-block;align-items:center;justify-content:center;font-size:16px;}
    .send-btn i{font-size:18px;}
    .hidden{display:none!important;}
    .mic-btn{background:transparent;border:none;cursor:pointer;padding:0;}
    .mic-btn img{height:32px;}
    #typing-indicator{font-style:italic;opacity:0.7;padding:8px 12px;margin:5px;}
    #typing-indicator::after{content:'...';animation:dots 1s steps(3,end) infinite;}
    @keyframes dots{0%{content:'';}33%{content:'.';}66%{content:'..';}100%{content:'...';}}
    .message.bot{position:relative;padding-bottom:32px;}
    .bot-bottom-bar{position:absolute;bottom:6px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;font-size:13px;opacity:0.85;}
    .bot-bottom-bar span{cursor:pointer;text-decoration:none;}
    .bot-bottom-bar span:hover{opacity:1;text-decoration:none;}
    .right-controls{display:flex;align-items:center;gap:16px;}
    .start-over-btn{display:inline-block;padding:2px 6px;white-space:nowrap;line-height:1.2;}