body { --primary-color: #036fe2; }

.tab .addhover { border-bottom: 2px solid #0028c9; }

html { font-size: 16px; }

.tab a, .footer a { color: inherit !important; }

.tab a:hover, .footer a:hover { text-decoration: none !important; }

.footer p { font-size: .9rem; }

dl, ul, ol { margin-bottom: 0 !important; }

p { margin-bottom: 0 !important; }

.banner { width: 100%; height: 400px; }

.banner-pic { width: 100%; height: 400px; background: url("../images/ai-banner.jpg") no-repeat center top; }

.container { display: flex; flex-direction: column; gap: 30px; }

.w-1200 { width: 1200px; margin: 0 auto; }

.w-1200 .h-title { padding-top: 45px; font-size: 30px; color: #333; letter-spacing: 0; text-align: center; font-weight: 600; }

[v-cloak] { display: none; }

.carbonads { border: 1px solid #ccc; border-radius: 0.25rem; font-size: 0.875rem; overflow: hidden; padding: 1rem; }

.carbon-wrap { overflow: hidden; }

.carbon-img { clear: left; display: block; float: left; }

.carbon-text, .carbon-poweredby { display: block; margin-left: 140px; }

.carbon-text, .carbon-text:hover, .carbon-text:focus { color: #fff; text-decoration: none; }

.carbon-poweredby, .carbon-poweredby:hover, .carbon-poweredby:focus { color: #ddd; text-decoration: none; }

.vci-container { width: 50% !important; margin: 0 auto; }

.left-image { object-fit: contain !important; -o-object-fit: contain !important; }

@media (min-width: 768px) { .carbonads { float: right; margin-bottom: -1rem; margin-top: -1rem; max-width: 360px; } }