.itopplus-background{}*{box-sizing: border-box}html,body{margin: 0;padding: 0;font-family: "Mitr",sans-serif;color: #111;background: #fff;overflow-x: hidden}@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500;600&display=swap');h1{font-size: clamp(34px,5vw,52px);font-weight: 600;letter-spacing: -0.5px}h2{font-size: clamp(24px,3.5vw,32px);font-weight: 500}p{font-size: 16px;color: #666;line-height: 1.7}.navbar{position: sticky;top: 0;z-index: 999;height: 80px;padding: 0 40px;background: rgba(255,255,255,0.7);backdrop-filter: blur(12px);border-bottom: 1px solid rgba(0,0,0,0.05);display: flex;align-items: center}.navbar-header{position: absolute;left: 40px;top: 50%;transform: translateY(-50%)}.navbar-default .navbar-collapse{width: 100%;display: flex;justify-content: flex-end}.navbar-default .navbar-nav{display: flex;align-items: center;gap: 32px;margin: 0}.navbar-default .navbar-nav > li > a{font-size: 15px;font-weight: 400;color: #222;padding: 8px 0;position: relative;transition: 0.25s}.navbar-default .navbar-nav > li > a::after{content: "";position: absolute;bottom: -6px;left: 0;width: 0;height: 2px;background: #111;transition: 0.3s}.navbar-default .navbar-nav > li > a:hover::after{width: 100%}.buttonExampleSite{background: #111 !important;color: #fff !important;border-radius: 999px;padding: 10px 24px;transition: 0.3s;box-shadow: 0 6px 20px rgba(0,0,0,0.08)}.buttonExampleSite:hover{transform: translateY(-2px);box-shadow: 0 12px 30px rgba(0,0,0,0.12)}img{border-radius: 10px;transition: 0.4s ease}img:hover{transform: scale(1.03)}.thumbnail{border: none;border-radius: 16px;overflow: hidden;background: #fff;box-shadow: 0 10px 40px rgba(0,0,0,0.06);transition: 0.35s}.thumbnail:hover{transform: translateY(-8px);box-shadow: 0 20px 60px rgba(0,0,0,0.1)}.itopplus-section{padding: 80px 0}.itopplus-footer{background: #fafafa;color: #888;border-top: 1px solid #eee;padding: 40px 0}.fade-up{opacity: 0;transform: translateY(30px);transition: 0.6s ease}.fade-up.show{opacity: 1;transform: translateY(0)}@media (max-width: 768px){.navbar{padding: 10px 20px;height: auto}.navbar-header{position: relative;transform: none;left: 0}.navbar-collapse{position: fixed !important;top: 0;left: 0;width: 80%;height: 100vh;background: #fff;transform: translateX(-100%);transition: 0.3s;padding: 20px;z-index: 9999}.navbar-collapse.active{transform: translateX(0)}.navbar-nav{flex-direction: column;gap: 0}.navbar-nav li{border-bottom: 1px solid #eee}.navbar-nav li a{padding: 14px}}@media (max-width: 768px){body{font-size: 15px}h1{font-size: 28px;line-height: 1.3}h2{font-size: 22px}p{font-size: 15px;line-height: 1.7}.navbar{height: auto;padding: 12px 16px}.navbar-header{display: flex;align-items: center;justify-content: space-between;width: 100%}.itopplus-logo img{max-height: 40px}.navbar-toggle{display: block;border: none;background: none;font-size: 20px}.navbar-collapse{position: fixed !important;top: 0;left: 0;width: 85%;height: 100vh;background: #fff;transform: translateX(-100%);transition: 0.35s ease;z-index: 9999;padding: 30px 20px;overflow-y: auto}.navbar-collapse.active{transform: translateX(0)}.navbar-nav{flex-direction: column;align-items: flex-start;gap: 0;margin-top: 40px}.navbar-nav li{width: 100%;border-bottom: 1px solid #eee}.navbar-nav li a{display: block;width: 100%;padding: 14px 0;font-size: 16px}.itopplus-section{padding: 50px 20px}.row{display: flex;flex-direction: column}[class*="col-"]{width: 100% !important;max-width: 100% !important;flex: 100%}.thumbnail{margin-bottom: 20px}img{width: 100%;height: auto}.buttonExampleSite{width: 100%;text-align: center;padding: 12px}.itopplus-footer{padding: 30px 20px;text-align: center}@media (max-width: 768px){.navbar-nav li a,.navbar-nav li a span{color: #111 !important}.navbar-nav li a:hover,.navbar-nav li a:hover span,.navbar-nav li.active a,.navbar-nav li.active span{color: #000 !important}}@media (max-width: 768px){.navbar-nav li a span[style]{color: #111 !important}}@media (max-width: 768px){.itopplus-logo img{height: 40px !important;width: auto !important}}