@charset 'utf-8';
@import url('/assets/fonts/dm_sans/fonts_dm_sans.css');

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 10px; }
::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #ccc, #bbb); border-radius: 10px; transition: background 0.3s ease; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #999, #888); }
::-webkit-scrollbar-thumb:horizontal { background: linear-gradient(135deg, #eee, #ddd); }
::-webkit-scrollbar-thumb:horizontal:hover { background: linear-gradient(135deg, #999, #888); }

body { font-family: 'DM Sans', sans-serif; overflow: hidden; }
.pg-body { display: flex; height: 100vh; margin: 0; background-color: #fff !important; font-size: 0.875rem; font-weight: 400; line-height: 1.65; color: #526484; text-align: left; min-width: 320px; }
.mg-pg-main { margin: 0 auto; display: flex; margin-top:6%; padding: 30px;}
.mg-pg { text-align: center !important; }
.mg-pg-img { padding-bottom: 50px; max-width: 260px; vertical-align: middle; border-style: none; margin-left: 62px; }
.wide-mg { max-width: 408px !important; margin-left: auto !important; margin-right: auto !important; }
.mg-pg-title { padding-bottom: 1rem; font-size: 1.60rem; letter-spacing: -0.03em; margin-bottom: 0.5rem; font-weight: 700; line-height: 1.1; color: #364a63; margin-top: 0; }
.mg-pg-text { font-size: 1rem; margin-top: 0; margin-bottom: 1rem; }
.btn { font-weight: 700; color: #526484; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 1.125rem; font-size: 0.8125rem; line-height: 1.25rem; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: relative; letter-spacing: 0.02em; display: inline-flex; align-items: center; text-decoration: none; }
.btn-lg { padding: 0.6875rem 1.5rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; margin-top: 0.75rem !important;}
.btn-primary { color: #fff; background-color: #1578f5; border-color: #1578f5; border-radius: 25px; }
.btn-primary:hover { color: #fff; background-color: #1578f5; border-color: #1578f5; }
@media only screen and (max-width: 767px) { .pg-body .mg-pg-text br { display: none; } }