:root { --bs-gray-100: #fefefe; --bs-gray-200: #f6f7f9; --bs-gray-300: #cacaca; --bs-gray-400: #aab0bc; --bs-gray-500: #959ca9; --bs-gray-600: #60697b; --bs-gray-700: #2f353a; --bs-gray-800: #21262c; --bs-gray-900: #1e2228; --bs-blue: #3f78e0; --bs-sky: #5eb9f0; --bs-purple: #747ed1; --bs-grape: #605dba; --bs-violet: #a07cc5; --bs-pink: #d16b86; --bs-fuchsia: #e668b3; --bs-red: #e2626b; --bs-orange: #f78b77; --bs-yellow: #fab758; --bs-green: #45c4a0; --bs-leaf: #7cb798; --bs-aqua: #54a8c7; --bs-navy: #343f52; --bs-ash: #9499a3; --bs-white: #fff; --bs-light: #fefefe; --bs-gray: #f6f7f9; --bs-dark: #262b32; --bs-primary: #3f78e0; --bs-secondary: #aab0bc; --bs-success: #45c4a0; --bs-info: #54a8c7; --bs-warning: #fab758; --bs-danger: #e2626b; --bs-blue-rgb: 63, 120, 224; --bs-sky-rgb: 94, 185, 240; --bs-purple-rgb: 116, 126, 209; --bs-grape-rgb: 96, 93, 186; --bs-violet-rgb: 160, 124, 197; --bs-pink-rgb: 209, 107, 134; --bs-fuchsia-rgb: 230, 104, 179; --bs-red-rgb: 226, 98, 107; --bs-orange-rgb: 247, 139, 119; --bs-yellow-rgb: 250, 183, 88; --bs-green-rgb: 69, 196, 160; --bs-leaf-rgb: 124, 183, 152; --bs-aqua-rgb: 84, 168, 199; --bs-navy-rgb: 52, 63, 82; --bs-ash-rgb: 148, 153, 163; --bs-white-rgb: 255, 255, 255; --bs-light-rgb: 254, 254, 254; --bs-gray-rgb: 246, 247, 249; --bs-dark-rgb: 38, 43, 50; --bs-primary-rgb: 63, 120, 224; --bs-secondary-rgb: 170, 176, 188; --bs-success-rgb: 69, 196, 160; --bs-info-rgb: 84, 168, 199; --bs-warning-rgb: 250, 183, 88; --bs-danger-rgb: 226, 98, 107; --bs-dropbox: #007bdf; --bs-dribbble: #e94d88; --bs-google-drive-alt: #1b9f5e; --bs-facebook-f: #4470cf; --bs-instagram: #d53581; --bs-line: #0fab10; --bs-facebook-messenger: #007ff8; --bs-black-berry: #272727; --bs-linkedin: #3393c1; --bs-intercom: #2e88f8; --bs-facebook: #4470cf; --bs-youtube: #c8312b; --bs-apple: #1a1919; --bs-visual-studio: #6b61be; --bs-twitter: #5daed5; --bs-snapchat-ghost: #f7c31a; --bs-slack: #d4135c; --bs-tumblr-square: #5d82a4; --bs-medium-m: #00c364; --bs-tumblr: #5d82a4; --bs-adobe: #e61f26; --bs-whatsapp: #00a859; --bs-500-px: #00a6df; --bs-snapchat-square: #f7c31a; --bs-behance: #0057ff; --bs-instagram-alt: #d53581; --bs-github-alt: #4073a6; --bs-linkedin-alt: #3393c1; --bs-slack-alt: #d4135c; --bs-google: #e44134; --bs-google-play: #e44134; --bs-google-drive: #1b9f5e; --bs-vuejs-alt: #3fb37f; --bs-google-hangouts: #109956; --bs-vuejs: #3fb37f; --bs-java-script: #f0d91d; --bs-paypal: #0089cc; --bs-reddit-alien-alt: #f84300; --bs-android-alt: #97c03d; --bs-github: #4073a6; --bs-android: #97c03d; --bs-amazon: #f79400; --bs-adobe-alt: #e61f26; --bs-master-card: #f0931d; --bs-opera-alt: #e33737; --bs-css3-alt: #006db6; --bs-opera: #e33737; --bs-css3: #006db6; --bs-twitter-alt: #5daed5; --bs-intercom-alt: #2e88f8; --bs-swiggy: #f88a2d; --bs-snapchat-alt: #f7c31a; --bs-tumblr-alt: #5d82a4; --bs-facebook-messenger-alt: #007ff8; --bs-bitcoin-alt: #f38633; --bs-google-hangouts-alt: #109956; --bs-blogger: #e86733; --bs-blogger-alt: #e86733; --bs-bitcoin: #f38633; --bs-behance-alt: #0057ff; --bs-apple-alt: #1a1919; --bs-react: #00d1f7; --bs-telegram: #2caef0; --bs-vk-alt: #4f7db3; --bs-vk: #4f7db3; --bs-skype: #2ebbf0; --bs-skype-alt: #2ebbf0; --bs-telegram-alt: #2caef0; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 96, 105, 123; --bs-body-bg-rgb: 254, 254, 254; --bs-font-sans-serif: "Manrope", sans-serif; --bs-font-monospace:sfmono-regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-root-font-size: 20px; --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size: 0.8rem; --bs-body-font-weight: 500; --bs-body-line-height: 1.7; --bs-body-color: #60697b; --bs-body-bg: #fefefe; --bs-border-width: 1px; --bs-border-style:solid; --bs-border-color: #cacaca; --bs-border-color-translucent:rgba(0, 0, 0, 0.175); --bs-border-radius: 0.4rem; --bs-border-radius-sm: 0.2rem; --bs-border-radius-lg: 0.4rem; --bs-border-radius-xl: 0.8rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-heading-color: #343f52; --bs-link-color: #3f78e0; --bs-link-hover-color: #3f78e0; --bs-code-color: #60697b; --bs-highlight-bg: #fef1de; } @media (max-width: 992px) { .md\:mt-10 { margin-top: 2.5rem !important; } } .alert { --bs-alert-bg:transparent !important; --bs-alert-padding-x: 1rem !important; --bs-alert-padding-y: 1rem !important; --bs-alert-margin-bottom: 1rem !important; --bs-alert-color:inherit !important; --bs-alert-border-color:transparent !important; --bs-alert-border: 0 solid var(--bs-alert-border-color) !important; --bs-alert-border-radius: 0.4rem !important; position:relative !important; padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x) !important; margin-bottom:var(--bs-alert-margin-bottom) !important; color:var(--bs-alert-color) !important; background-color:var(--bs-alert-bg) !important; border:var(--bs-alert-border) !important; border-radius:var(--bs-alert-border-radius) !important; } .alert-success { color: #308970 !important; background-color: #ecf9f6 !important; border-color: #c7ede3 !important; } .alert-success { color: #308970 !important; background-color: #ecf9f6 !important; border-color: #c7ede3 !important; } .alert-danger { color: #9e454b !important; background-color: #fceff0 !important; border-color: #f6d0d3 !important; } .alert-warning { color: #af803e !important; background-color: #fff8ee !important; border-color: #fee9cd !important; } .alert-info { color: #3b768b !important; background-color: #eef6f9 !important; border-color: #cce5ee !important; } .badge { --bs-badge-padding-x: 0.7em !important; --bs-badge-padding-y: 0.4em !important; --bs-badge-font-size: 0.75em !important; --bs-badge-font-weight: 700 !important; --bs-badge-color: #fff !important; --bs-badge-border-radius: 0.4rem !important; display:inline-block !important; padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x) !important; font-size:var(--bs-badge-font-size) !important; font-weight:var(--bs-badge-font-weight) !important; line-height: 1 !important; color:var(--bs-badge-color) !important; text-align:center !important; white-space:nowrap !important; vertical-align:baseline !important; border-radius:var(--bs-badge-border-radius) !important; } .bg-red { --bs-bg-opacity: 1 !important; background-color:rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .text-red { --bs-text-opacity: 1; color: #e2626b !important; } .text-sky { --bs-text-opacity: 1; color: #5eb9f0 !important; } .text-dark { --bs-text-opacity: 1; color: #343f52 !important; } .text-dark { --bs-text-opacity: 1; color: #343f52 !important; } .rounded { border-radius: 0.4rem !important; } .rounded-pill { border-radius: 50rem !important; } .btn { display:inline-flex; align-items:center; justify-content:center; transform:translatey(0); letter-spacing: -.01rem; position:relative; } .btn:not(.btn-link):hover { transform:translatey(-0.15rem); box-shadow: 0 0.25rem 0.75rem rgb(30 34 40 / 15%); } .btn:hover { color:var(--bs-btn-hover-color) !important; background-color:var(--bs-btn-hover-bg) !important; border-color:var(--bs-btn-hover-border-color) !important; } .btn { --bs-btn-padding-x: 1.2rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: 0.8rem; --bs-btn-font-weight: 700; --bs-btn-line-height: 1.7; --bs-btn-color: #60697b; --bs-btn-bg:transparent; --bs-btn-border-width: 2px; --bs-btn-border-color:transparent; --bs-btn-border-radius: 0.4rem; --bs-btn-hover-border-color:transparent; --bs-btn-box-shadow:unset; --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display:inline-block; padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family:var(--bs-btn-font-family); font-size:var(--bs-btn-font-size); font-weight:var(--bs-btn-font-weight); line-height:var(--bs-btn-line-height); color:var(--bs-btn-color); text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius:var(--bs-btn-border-radius); background-color:var(--bs-btn-bg); box-shadow:var(--bs-btn-box-shadow); transition:all .2s ease-in-out; } .btn:hover { color:var(--bs-btn-hover-color) !important; background-color:var(--bs-btn-hover-bg) !important; border-color:var(--bs-btn-hover-border-color) !important; } .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color:var(--bs-btn-active-color); background-color:var(--bs-btn-active-bg); border-color:var(--bs-btn-active-border-color); box-shadow:var(--bs-btn-active-shadow); } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 1.2rem; --bs-nav-link-font-size: 0.8rem; --bs-nav-link-font-weight: 700; --bs-nav-link-color: #343f52; --bs-nav-link-hover-color: #3f78e0; --bs-nav-link-disabled-color: #959ca9; display:flex; flex-wrap:wrap; padding-left: 0; margin-bottom: 0; list-style:none; } .btn-sm { --bs-btn-padding-y: 0.4rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 0.7rem; --bs-btn-border-radius: 0.4rem; } .rounded { border-radius: 0.4rem !important; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 700; color: #343f52; word-spacing: 0.1rem; letter-spacing: -.01rem; } .card-title { margin-bottom:var(--bs-card-title-spacer-y); } .card { --bs-card-spacer-y: 2rem; --bs-card-spacer-x: 2rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color:rgba(164, 174, 198, 0.2); --bs-card-border-radius: 0.4rem; --bs-card-inner-border-radius: 0.4rem; --bs-card-cap-padding-y: 0.9rem; --bs-card-cap-padding-x: 2rem; --bs-card-cap-bg:transparent; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position:relative; display:flex; flex-direction:column; min-width: 0; height:var(--bs-card-height); word-wrap:break-word; background-color:var(--bs-card-bg); background-clip:border-box; border:var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius:var(--bs-card-border-radius); box-shadow:var(--bs-card-box-shadow); } .card { box-shadow: 0 0 0 0.05rem rgb(8 60 130 / 6%), 0 0 1.25rem rgb(30 34 40 / 4%); border: 0; } hr { margin: 4.5rem 0 !important; color:rgba(164, 174, 198, .2) !important; border: 0; border-top: 1px solid !important; opacity: 1 !important; } .divider-icon { border: 0; position:relative; margin: 4.5rem 0; } .divider-icon:before { left: 0; } .divider-icon:after, .divider-icon:before { position:absolute; top: 50%; content: ""; border-top: 1px solid rgba(164, 174, 198, .2); width:calc(50% - 1.5rem); } .divider-icon:after { right: 0; } .divider-icon:after, .divider-icon:before { position:absolute; top: 50%; content: ""; border-top: 1px solid rgba(164, 174, 198, .2); width:calc(50% - 1.5rem); } .divider-icon i { position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.2rem; color:rgba(164, 174, 198, .2); } .form-control { display:block; width: 100%; padding: 0.6rem 1rem; font-size: .75rem; font-weight: 500; line-height: 1.7; color: #60697b; background-color: #fefefe; background-clip:padding-box; border: 1px solid rgba(8, 60, 130, .07); -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 0.4rem; box-shadow: 0 0 1.25rem rgb(30 34 40 / 4%); transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-floating > .form-control, .form-floating > .form-select { height:calc(2.5rem + 2px); line-height: 1.25; } .form-floating > label { position:absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0.6rem 1rem; overflow:hidden; text-align:start; text-overflow:ellipsis; white-space:nowrap; pointer-events:none; border: 1px solid transparent; transform-origin: 0 0; transition:opacity .1s ease-in-out, transform .1s ease-in-out; } .form-floating > label { color: #959ca9; font-size: 2rem; } .form-floating > textarea.form-control:focus, .form-floating > textarea.form-control:not(:placeholder-shown) { padding-top: 1.3rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1rem; padding-bottom: 0.2rem; } .form-floating > .form-control { padding: 0.6rem 1rem; } .form-floating > .form-control, .form-floating > .form-select { height:calc(2.5rem + 2px); line-height: 1.25; } .shadow-sm { box-shadow: 0 .25rem .75rem rgba(30, 34, 40, .02) !important; } @charset "UTF-8"; :root { --bs-gray-100: #fefefe; --bs-gray-200: #f6f7f9; --bs-gray-300: #cacaca; --bs-gray-400: #aab0bc; --bs-gray-500: #959ca9; --bs-gray-600: #60697b; --bs-gray-700: #2f353a; --bs-gray-800: #21262c; --bs-gray-900: #1e2228; --bs-blue: #3f78e0; --bs-sky: #5eb9f0; --bs-purple: #747ed1; --bs-grape: #605dba; --bs-violet: #a07cc5; --bs-pink: #d16b86; --bs-fuchsia: #e668b3; --bs-red: #e2626b; --bs-orange: #f78b77; --bs-yellow: #fab758; --bs-green: #45c4a0; --bs-leaf: #7cb798; --bs-aqua: #54a8c7; --bs-navy: #343f52; --bs-ash: #9499a3; --bs-white: #fff; --bs-light: #fefefe; --bs-gray: #f6f7f9; --bs-dark: #262b32; --bs-primary: #3f78e0; --bs-secondary: #aab0bc; --bs-success: #45c4a0; --bs-info: #54a8c7; --bs-warning: #fab758; --bs-danger: #e2626b; --bs-blue-rgb: 63, 120, 224; --bs-sky-rgb: 94, 185, 240; --bs-purple-rgb: 116, 126, 209; --bs-grape-rgb: 96, 93, 186; --bs-violet-rgb: 160, 124, 197; --bs-pink-rgb: 209, 107, 134; --bs-fuchsia-rgb: 230, 104, 179; --bs-red-rgb: 226, 98, 107; --bs-orange-rgb: 247, 139, 119; --bs-yellow-rgb: 250, 183, 88; --bs-green-rgb: 69, 196, 160; --bs-leaf-rgb: 124, 183, 152; --bs-aqua-rgb: 84, 168, 199; --bs-navy-rgb: 52, 63, 82; --bs-ash-rgb: 148, 153, 163; --bs-white-rgb: 255, 255, 255; --bs-light-rgb: 254, 254, 254; --bs-gray-rgb: 246, 247, 249; --bs-dark-rgb: 38, 43, 50; --bs-primary-rgb: 63, 120, 224; --bs-secondary-rgb: 170, 176, 188; --bs-success-rgb: 69, 196, 160; --bs-info-rgb: 84, 168, 199; --bs-warning-rgb: 250, 183, 88; --bs-danger-rgb: 226, 98, 107; --bs-dropbox: #007bdf; --bs-dribbble: #e94d88; --bs-google-drive-alt: #1b9f5e; --bs-facebook-f: #4470cf; --bs-instagram: #d53581; --bs-line: #0fab10; --bs-facebook-messenger: #007ff8; --bs-black-berry: #272727; --bs-linkedin: #3393c1; --bs-intercom: #2e88f8; --bs-facebook: #4470cf; --bs-youtube: #c8312b; --bs-apple: #1a1919; --bs-visual-studio: #6b61be; --bs-twitter: #5daed5; --bs-snapchat-ghost: #f7c31a; --bs-slack: #d4135c; --bs-tumblr-square: #5d82a4; --bs-medium-m: #00c364; --bs-tumblr: #5d82a4; --bs-adobe: #e61f26; --bs-whatsapp: #00a859; --bs-500-px: #00a6df; --bs-snapchat-square: #f7c31a; --bs-behance: #0057ff; --bs-instagram-alt: #d53581; --bs-github-alt: #4073a6; --bs-linkedin-alt: #3393c1; --bs-slack-alt: #d4135c; --bs-google: #e44134; --bs-google-play: #e44134; --bs-google-drive: #1b9f5e; --bs-vuejs-alt: #3fb37f; --bs-google-hangouts: #109956; --bs-vuejs: #3fb37f; --bs-java-script: #f0d91d; --bs-paypal: #0089cc; --bs-reddit-alien-alt: #f84300; --bs-android-alt: #97c03d; --bs-github: #4073a6; --bs-android: #97c03d; --bs-amazon: #f79400; --bs-adobe-alt: #e61f26; --bs-master-card: #f0931d; --bs-opera-alt: #e33737; --bs-css3-alt: #006db6; --bs-opera: #e33737; --bs-css3: #006db6; --bs-twitter-alt: #5daed5; --bs-intercom-alt: #2e88f8; --bs-swiggy: #f88a2d; --bs-snapchat-alt: #f7c31a; --bs-tumblr-alt: #5d82a4; --bs-facebook-messenger-alt: #007ff8; --bs-bitcoin-alt: #f38633; --bs-google-hangouts-alt: #109956; --bs-blogger: #e86733; --bs-blogger-alt: #e86733; --bs-bitcoin: #f38633; --bs-behance-alt: #0057ff; --bs-apple-alt: #1a1919; --bs-react: #00d1f7; --bs-telegram: #2caef0; --bs-vk-alt: #4f7db3; --bs-vk: #4f7db3; --bs-skype: #2ebbf0; --bs-skype-alt: #2ebbf0; --bs-telegram-alt: #2caef0; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 96, 105, 123; --bs-body-bg-rgb: 254, 254, 254; --bs-font-sans-serif: "Manrope", sans-serif; --bs-font-monospace:sfmono-regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-root-font-size: 20px; --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size: 0.8rem; --bs-body-font-weight: 500; --bs-body-line-height: 1.7; --bs-body-color: #60697b; --bs-body-bg: #fefefe; --bs-border-width: 1px; --bs-border-style:solid; --bs-border-color: #cacaca; --bs-border-color-translucent:rgba(0, 0, 0, 0.175); --bs-border-radius: 0.4rem; --bs-border-radius-sm: 0.2rem; --bs-border-radius-lg: 0.4rem; --bs-border-radius-xl: 0.8rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-heading-color: #343f52; --bs-link-color: #3f78e0; --bs-link-hover-color: #3f78e0; --bs-code-color: #60697b; --bs-highlight-bg: #fef1de; } *, ::after, ::before { box-sizing:border-box; } :root { font-size:var(--bs-root-font-size); } body { margin: 0; font-family:var(--bs-body-font-family); font-size:var(--bs-body-font-size); font-weight:var(--bs-body-font-weight); line-height:var(--bs-body-line-height); color:var(--bs-body-color); text-align:var(--bs-body-text-align); background-color:var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:transparent; } hr { margin: 4.5rem 0; color:rgba(164, 174, 198, .2); border: 0; border-top: 1px solid; opacity: 1; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 700; line-height: 1.2; color: #343f52; } .h1, h1 { font-size:calc(1.27rem + .24vw); } @media (min-width: 1200px) { .h1, h1 { font-size: 1.45rem; } } .h2, h2 { font-size:calc(1.255rem + .06vw); } @media (min-width: 1200px) { .h2, h2 { font-size: 1.3rem; } } .h3, h3 { font-size: 1.1rem; } .h4, h4 { font-size: .95rem; } .h5, h5 { font-size: .9rem; } .h6, h6 { font-size: .85rem; } p { margin-top: 0; margin-bottom: 1rem; } address { margin-bottom: 1rem; font-style:normal; line-height:inherit; } ul { padding-left: 2rem; } ul { margin-top: 0; margin-bottom: 1rem; } ul ul { margin-bottom: 0; } b, strong { font-weight:bolder; } .small, small { font-size: .6rem; } sub { position:relative; font-size: .75em; line-height: 0; vertical-align:baseline; } sub { bottom: -.25em; } a { color:var(--bs-link-color); text-decoration:none; } a:hover { color:var(--bs-link-hover-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color:inherit; text-decoration:none; } code { font-family:var(--bs-font-monospace); font-size: 1em; } code { font-size: .65rem; color:var(--bs-code-color); word-wrap:break-word; } a > code { color:inherit; } img, svg { vertical-align:middle; } table { caption-side:bottom; border-collapse:collapse; } th { text-align:inherit; text-align:-webkit-match-parent; } tbody, td, th, thead, tr { border-color:inherit; border-style:solid; border-width: 0; } label { display:inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, select, textarea { margin: 0; font-family:inherit; font-size:inherit; line-height:inherit; } button, select { text-transform:none; } [role=button] { cursor:pointer; } select { word-wrap:normal; } select:disabled { opacity: 1; } [type=button], [type=reset], [type=submit], button { -webkit-appearance:button; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor:pointer; } ::-moz-focus-inner { padding: 0; border-style:none; } textarea { resize:vertical; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height:auto; } [type=search] { outline-offset:-2px; -webkit-appearance:textfield; } ::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font:inherit; -webkit-appearance:button; } ::file-selector-button { font:inherit; -webkit-appearance:button; } [hidden] { display:none !important; } .display-1 { font-size:calc(1.365rem + 1.38vw); font-weight: 700; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 2.4rem; } } .display-4 { font-size:calc(1.305rem + .66vw); font-weight: 700; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 1.8rem; } } .display-5 { font-size:calc(1.285rem + .42vw); font-weight: 700; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 1.6rem; } } .list-unstyled { padding-left: 0; list-style:none; } .container, .container-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-right:auto; margin-left:auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } @media (min-width: 1400px) { .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display:flex; flex-wrap:wrap; margin-top:calc(-1 * var(--bs-gutter-y)); margin-right:calc(-.5 * var(--bs-gutter-x)); margin-left:calc(-.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right:calc(var(--bs-gutter-x) * .5); padding-left:calc(var(--bs-gutter-x) * .5); margin-top:var(--bs-gutter-y); } .col { flex: 1 0 0% } .col-6 { flex: 0 0 auto; width: 50% } .col-12 { flex: 0 0 auto; width: 100% } .g-3 { --bs-gutter-x: 0.75rem; } .g-3 { --bs-gutter-y: 0.75rem; } .g-4 { --bs-gutter-x: 1rem; } .g-4 { --bs-gutter-y: 1rem; } .g-5 { --bs-gutter-x: 1.25rem; } .g-5 { --bs-gutter-y: 1.25rem; } @media (min-width: 768px) { .col-md-4 { flex: 0 0 auto; width: 33.33333333% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-12 { flex: 0 0 auto; width: 100% } } @media (min-width: 992px) { .col-lg-2 { flex: 0 0 auto; width: 16.66666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-12 { flex: 0 0 auto; width: 100% } } @media (min-width: 1200px) { .col-xl-2 { flex: 0 0 auto; width: 16.66666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-12 { flex: 0 0 auto; width: 100% } } .table { --bs-table-color: #60697b; --bs-table-bg:transparent; --bs-table-border-color: #edeff3; --bs-table-accent-bg:transparent; --bs-table-striped-color: #60697b; --bs-table-striped-bg:rgba(164, 174, 198, 0.07); --bs-table-active-color: #60697b; --bs-table-active-bg:rgba(164, 174, 198, 0.07); --bs-table-hover-color: #60697b; --bs-table-hover-bg:rgba(164, 174, 198, 0.07); width: 100%; margin-bottom: 1rem; color:var(--bs-table-color); vertical-align:top; border-color:var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: .9rem .9rem; background-color:var(--bs-table-bg); border-bottom-width: 1px; box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align:inherit; } .table > thead { vertical-align:bottom; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-responsive { overflow-x:auto; -webkit-overflow-scrolling:touch; } .form-label { margin-bottom: .5rem; color: #959ca9; } .form-control { display:block; width: 100%; padding: .6rem 1rem; font-size: .75rem; font-weight: 500; line-height: 1.7; color: #60697b; background-color: #fefefe; background-clip:padding-box; border: 1px solid rgba(8, 60, 130, .07); -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: .4rem; box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04); transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control { transition:none; } } .form-control[type=file] { overflow:hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor:pointer; } .form-control:focus { color: #60697b; background-color: #fefefe; border-color: #9fbcf0; outline: 0; box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04), unset; } .form-control::-webkit-date-and-time-value { height: 1.7em; } .form-control::-moz-placeholder { color: #959ca9; opacity: 1; } .form-control:-ms-input-placeholder { color: #959ca9; opacity: 1; } .form-control::placeholder { color: #959ca9; opacity: 1; } .form-control:disabled { background-color: #f6f7f9; opacity: 1; } .form-control::-webkit-file-upload-button { padding: .6rem 1rem; margin: -.6rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; color: #60697b; background-color: #f6f7f9; pointer-events:none; border-color:inherit; border-style:solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .form-control::file-selector-button { padding: .6rem 1rem; margin: -.6rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; color: #60697b; background-color: #f6f7f9; pointer-events:none; border-color:inherit; border-style:solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition:all .2s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition:none; transition:none; } .form-control::file-selector-button { transition:none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #eaebed; } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #eaebed; } textarea.form-control { min-height:calc(1.7em + 1.2rem + 2px); } .form-select { display:block; width: 100%; padding: .6rem 2rem .6rem 1rem; -moz-padding-start:calc(1rem - 3px); font-size: .75rem; font-weight: 500; line-height: 1.7; color: #959ca9; background-color: #fefefe; background-image:url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%2360697b' d='M22.667 12.227c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0-4.787 4.72-4.72-4.72c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0c-0.244 0.242-0.394 0.577-0.394 0.947s0.151 0.705 0.394 0.947l5.653 5.653c0.242 0.244 0.577 0.394 0.947 0.394s0.705-0.151 0.947-0.394l0-0 5.72-5.653c0.244-0.242 0.394-0.577 0.394-0.947s-0.151-0.705-0.394-0.947l-0-0z'%3E%3C/path%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .75rem center; background-size: 20px 20px; border: 1px solid rgba(8, 60, 130, .07); border-radius: .4rem; box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04); transition:border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance:none; -moz-appearance:none; appearance:none; } @media (prefers-reduced-motion:reduce) { .form-select { transition:none; } } .form-select:focus { border-color:rgba(8, 60, 130, .1); outline: 0; box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04), unset; } .form-select[size]:not([size="1"]) { padding-right: 1rem; background-image:none; } .form-select:disabled { background-color: #f6f7f9; } .form-select:-moz-focusring { color:transparent; text-shadow: 0 0 0 #959ca9; } .form-check { display:block; min-height: 1.36rem; padding-left: 1.55rem; margin-bottom: .125rem; } .form-check .form-check-input { float:left; margin-left:-1.55rem; } .form-check-input { width: 1.05rem; height: 1.05rem; margin-top: .325rem; vertical-align:top; background-color: #fefefe; background-repeat:no-repeat; background-position:center; background-size:contain; border: 1px solid rgba(8, 60, 130, .1); -webkit-appearance:none; -moz-appearance:none; appearance:none; print-color-adjust:exact; } .form-check-input[type=checkbox] { border-radius: .25em; } .form-check-input:active { filter:brightness(90%); } .form-check-input:focus { border-color:rgba(8, 60, 130, .1); outline: 0; box-shadow:none; } .form-check-input:checked { background-color: #3f78e0; border-color: #3f78e0; } .form-check-input:checked[type=checkbox] { background-image:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #3f78e0; border-color: #3f78e0; background-image:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events:none; filter:none; opacity: .5; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor:default; opacity: .5; } .form-floating { position:relative; } .form-floating > .form-control, .form-floating > .form-select { height:calc(2.5rem + 2px); line-height: 1.25; } .form-floating > label { position:absolute; top: 0; left: 0; width: 100%; height: 100%; padding: .6rem 1rem; overflow:hidden; text-align:start; text-overflow:ellipsis; white-space:nowrap; pointer-events:none; border: 1px solid transparent; transform-origin: 0 0; transition:opacity .1s ease-in-out, transform .1s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-floating > label { transition:none; } } .form-floating > .form-control { padding: .6rem 1rem; } .form-floating > .form-control::-moz-placeholder { color:transparent; } .form-floating > .form-control:-ms-input-placeholder { color:transparent; } .form-floating > .form-control::placeholder { color:transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1rem; padding-bottom: .2rem; } .form-floating > .form-control:not(:-ms-input-placeholder) { padding-top: 1rem; padding-bottom: .2rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1rem; padding-bottom: .2rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1rem; padding-bottom: .2rem; } .form-floating > .form-select { padding-top: 1rem; padding-bottom: .2rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 1; transform:scale(.8) translateY(-.4rem) translateX(.2rem); } .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { opacity: 1; transform:scale(.8) translateY(-.4rem) translateX(.2rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 1; transform:scale(.7) translateY(-.4rem) translateX(.2rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 1; transform:scale(.8) translateY(-.4rem) translateX(.2rem); } .input-group { position:relative; display:flex; flex-wrap:wrap; align-items:stretch; width: 100% } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { position:relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5; } .input-group .btn { position:relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left:-1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn { --bs-btn-padding-x: 1.2rem; --bs-btn-padding-y: 0.5rem; --bs-btn-font-size: 0.8rem; --bs-btn-font-weight: 700; --bs-btn-line-height: 1.7; --bs-btn-color: #60697b; --bs-btn-bg:transparent; --bs-btn-border-width: 2px; --bs-btn-border-color:transparent; --bs-btn-border-radius: 0.4rem; --bs-btn-hover-border-color:transparent; --bs-btn-box-shadow:unset; --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display:inline-block; padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family:var(--bs-btn-font-family); font-size:var(--bs-btn-font-size); font-weight:var(--bs-btn-font-weight); line-height:var(--bs-btn-line-height); color:var(--bs-btn-color); text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius:var(--bs-btn-border-radius); background-color:var(--bs-btn-bg); box-shadow:var(--bs-btn-box-shadow); transition:all .2s ease-in-out; } @media (prefers-reduced-motion:reduce) { .btn { transition:none; } } .btn:hover { color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); } .btn:focus-visible { color:var(--bs-btn-hover-color); background-color:var(--bs-btn-hover-bg); border-color:var(--bs-btn-hover-border-color); outline: 0; box-shadow:var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow); } .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color:var(--bs-btn-active-color); background-color:var(--bs-btn-active-bg); border-color:var(--bs-btn-active-border-color); box-shadow:var(--bs-btn-active-shadow); } .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow:var(--bs-btn-active-shadow), var(--bs-btn-focus-box-shadow); } .btn.disabled, .btn:disabled { color:var(--bs-btn-disabled-color); pointer-events:none; background-color:var(--bs-btn-disabled-bg); border-color:var(--bs-btn-disabled-border-color); opacity:var(--bs-btn-disabled-opacity); box-shadow:none; } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #3f78e0; --bs-btn-border-color: #3f78e0; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3f78e0; --bs-btn-hover-border-color: #3f78e0; --bs-btn-focus-shadow-rgb: 92, 140, 229; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3f78e0; --bs-btn-active-border-color: #3f78e0; --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3f78e0; --bs-btn-disabled-border-color: #3f78e0; } .btn-sm { --bs-btn-padding-y: 0.4rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 0.7rem; --bs-btn-border-radius: 0.4rem; } .fade { transition:opacity .15s linear; } @media (prefers-reduced-motion:reduce) { .fade { transition:none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display:none; } .collapsing { height: 0; overflow:hidden; transition:height .35s ease; } @media (prefers-reduced-motion:reduce) { .collapsing { transition:none; } } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 1.2rem; --bs-nav-link-font-size: 0.8rem; --bs-nav-link-font-weight: 700; --bs-nav-link-color: #343f52; --bs-nav-link-hover-color: #3f78e0; --bs-nav-link-disabled-color: #959ca9; display:flex; flex-wrap:wrap; padding-left: 0; margin-bottom: 0; list-style:none; } .nav-link { display:block; padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size:var(--bs-nav-link-font-size); font-weight:var(--bs-nav-link-font-weight); color:var(--bs-nav-link-color); transition:color .2s ease-in-out; } @media (prefers-reduced-motion:reduce) { .nav-link { transition:none; } } .nav-link:focus, .nav-link:hover { color:var(--bs-nav-link-hover-color); } .nav-link.disabled { color:var(--bs-nav-link-disabled-color); pointer-events:none; cursor:default; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0; --bs-navbar-color: #343f52; --bs-navbar-hover-color: #3f78e0; --bs-navbar-disabled-color:rgba(52, 63, 82, 0.3); --bs-navbar-active-color: #3f78e0; --bs-navbar-brand-padding-y: 0; --bs-navbar-brand-margin-end: 0; --bs-navbar-brand-font-size: 0.7rem; --bs-navbar-brand-color: #3f78e0; --bs-navbar-brand-hover-color: #3f78e0; --bs-navbar-nav-link-padding-x: 1rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1rem; --bs-navbar-toggler-icon-bg:url("data:image/svg+xml, %3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='45' height='32' viewBox='0 0 45 32'%3e%3cpath fill='%233f78e0' d='M26.88 29.888c-1.076 1.289-2.683 2.103-4.48 2.103s-3.404-0.814-4.472-2.093l-0.008-0.009-5.12-7.040-8.192-10.048-3.52-4.608c-0.646-0.848-1.036-1.922-1.036-3.087 0-2.828 2.292-5.12 5.12-5.12 0.139 0 0.277 0.006 0.413 0.016l-0.018-0.001h33.664c0.118-0.010 0.256-0.015 0.396-0.015 2.828 0 5.12 2.292 5.12 5.12 0 1.165-0.389 2.239-1.045 3.1l0.009-0.013-3.52 4.608-7.872 10.048z'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color:transparent; --bs-navbar-toggler-border-radius: 0.4rem; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out; position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid { display:flex; flex-wrap:inherit; align-items:center; justify-content:space-between; } .navbar-brand { padding-top:var(--bs-navbar-brand-padding-y); padding-bottom:var(--bs-navbar-brand-padding-y); margin-right:var(--bs-navbar-brand-margin-end); font-size:var(--bs-navbar-brand-font-size); color:var(--bs-navbar-brand-color); white-space:nowrap; } .navbar-brand:focus, .navbar-brand:hover { color:var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 1.2rem; --bs-nav-link-font-size: 0.8rem; --bs-nav-link-font-weight: 700; --bs-nav-link-color:var(--bs-navbar-color); --bs-nav-link-hover-color:var(--bs-navbar-hover-color); --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color); display:flex; flex-direction:column; padding-left: 0; margin-bottom: 0; list-style:none; } .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link { color:var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items:center; } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap:nowrap; justify-content:flex-start; } .navbar-expand-lg .navbar-nav { flex-direction:row; } .navbar-expand-lg .navbar-nav .nav-link { padding-right:var(--bs-navbar-nav-link-padding-x); padding-left:var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-collapse { display:flex !important; flex-basis:auto; } } .card { --bs-card-spacer-y: 2rem; --bs-card-spacer-x: 2rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color:rgba(164, 174, 198, 0.2); --bs-card-border-radius: 0.4rem; --bs-card-inner-border-radius: 0.4rem; --bs-card-cap-padding-y: 0.9rem; --bs-card-cap-padding-x: 2rem; --bs-card-cap-bg:transparent; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position:relative; display:flex; flex-direction:column; min-width: 0; height:var(--bs-card-height); word-wrap:break-word; background-color:var(--bs-card-bg); background-clip:border-box; border:var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius:var(--bs-card-border-radius); box-shadow:var(--bs-card-box-shadow); } .card > hr { margin-right: 0; margin-left: 0; } .card-body { flex: 1 1 auto; padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x); color:var(--bs-card-color); } .card-title { margin-bottom:var(--bs-card-title-spacer-y); } .badge { --bs-badge-padding-x: 0.7em; --bs-badge-padding-y: 0.4em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.4rem; display:inline-block; padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size:var(--bs-badge-font-size); font-weight:var(--bs-badge-font-weight); line-height: 1; color:var(--bs-badge-color); text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:var(--bs-badge-border-radius); } .badge:empty { display:none; } .btn .badge { position:relative; top:-1px; } .alert { --bs-alert-bg:transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color:inherit; --bs-alert-border-color:transparent; --bs-alert-border: 0 solid var(--bs-alert-border-color); --bs-alert-border-radius: 0.4rem; position:relative; padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom:var(--bs-alert-margin-bottom); color:var(--bs-alert-color); background-color:var(--bs-alert-bg); border:var(--bs-alert-border); border-radius:var(--bs-alert-border-radius); } .alert-success { --bs-alert-color: #308970; --bs-alert-bg: #ecf9f6; --bs-alert-border-color: #c7ede3; } .alert-info { --bs-alert-color: #3b768b; --bs-alert-bg: #eef6f9; --bs-alert-border-color: #cce5ee; } .alert-warning { --bs-alert-color: #af803e; --bs-alert-bg: #fff8ee; --bs-alert-border-color: #fee9cd; } .alert-danger { --bs-alert-color: #9e454b; --bs-alert-bg: #fceff0; --bs-alert-border-color: #f6d0d3; } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.75rem; --bs-tooltip-padding-y: 0.5rem; --bs-tooltip-margin: 0; --bs-tooltip-font-size: 0.8rem; --bs-tooltip-color: #fff; --bs-tooltip-bg: #3f78e0; --bs-tooltip-border-radius: 0.4rem; --bs-tooltip-opacity: 0.98; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index:var(--bs-tooltip-zindex); display:block; padding:var(--bs-tooltip-arrow-height); margin:var(--bs-tooltip-margin); font-family:var(--bs-font-sans-serif); font-style:normal; font-weight: 500; line-height: 1.7; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; white-space:normal; word-spacing:normal; line-break:auto; font-size:var(--bs-tooltip-font-size); word-wrap:break-word; opacity: 0; } .tooltip.show { opacity:var(--bs-tooltip-opacity); } @keyframes spinner-border { to { transform:rotate(360deg); } } @keyframes spinner-grow { 0% { transform:scale(0); } 50% { opacity: 1; transform:none; } } .placeholder { display:inline-block; min-height: 1em; vertical-align:middle; cursor:wait; background-color:currentcolor; opacity: .5; } .placeholder.btn::before { display:inline-block; content: "" } @keyframes placeholder-glow { 50% { opacity: .2; } } @keyframes placeholder-wave { 100% { -webkit-mask-position:-200% 0; mask-position:-200% 0; } } .text-truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .opacity-50 { opacity: .5 !important; } .overflow-hidden { overflow:hidden !important; } .d-block { display:block !important; } .d-flex { display:flex !important; } .d-none { display:none !important; } .shadow-sm { box-shadow: 0 .25rem .75rem rgba(30, 34, 40, .02) !important; } .position-relative { position:relative !important; } .border { border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top { border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom { border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-secondary { --bs-border-opacity: 1; border-color:rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-opacity-25 { --bs-border-opacity: 0.25; } .w-50 { width: 50% !important; } .w-100 { width: 100% !important; } .w-20 { width: 10rem !important; } .h-auto { height:auto !important; } .flex-column { flex-direction:column !important; } .flex-wrap { flex-wrap:wrap !important; } .justify-content-center { justify-content:center !important; } .justify-content-between { justify-content:space-between !important; } .align-items-start { align-items:flex-start !important; } .align-items-center { align-items:center !important; } .m-0 { margin: 0 !important; } .m-auto { margin:auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: .25rem !important; } .mt-2 { margin-top: .5rem !important; } .mt-3 { margin-top: .75rem !important; } .mt-4 { margin-top: 1rem !important; } .mt-5 { margin-top: 1.25rem !important; } .mt-8 { margin-top: 2rem !important; } .mt-10 { margin-top: 2.5rem !important; } .mt-15 { margin-top: 5rem !important; } .me-1 { margin-right: .25rem !important; } .me-2 { margin-right: .5rem !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: .25rem !important; } .mb-2 { margin-bottom: .5rem !important; } .mb-3 { margin-bottom: .75rem !important; } .mb-4 { margin-bottom: 1rem !important; } .mb-5 { margin-bottom: 1.25rem !important; } .mb-6 { margin-bottom: 1.5rem !important; } .mb-15 { margin-bottom: 5rem !important; } .ms-1 { margin-left: .25rem !important; } .ms-2 { margin-left: .5rem !important; } .p-0 { padding: 0 !important; } .p-3 { padding: .75rem !important; } .p-4 { padding: 1rem !important; } .p-5 { padding: 1.25rem !important; } .px-3 { padding-right: .75rem !important; padding-left: .75rem !important; } .px-4 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-5 { padding-right: 1.25rem !important; padding-left: 1.25rem !important; } .py-3 { padding-top: .75rem !important; padding-bottom: .75rem !important; } .py-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .pb-3 { padding-bottom: .75rem !important; } .ps-0 { padding-left: 0 !important; } .gap-1 { gap: .25rem !important; } .gap-2 { gap: .5rem !important; } .gap-3 { gap: .75rem !important; } .fst-italic { font-style:italic !important; } .fw-bold { font-weight: 700 !important; } .text-start { text-align:left !important; } .text-end { text-align:right !important; } .text-center { text-align:center !important; } .text-decoration-none { text-decoration:none !important; } .text-uppercase { text-transform:uppercase !important; } .text-sky { --bs-text-opacity: 1; color: #5eb9f0 !important; } .text-red { --bs-text-opacity: 1; color: #e2626b !important; } .text-white { --bs-text-opacity: 1; color: #fff !important; } .text-primary { --bs-text-opacity: 1; color: #3f78e0 !important; } .text-success { --bs-text-opacity: 1; color: #45c4a0 !important; } .text-info { --bs-text-opacity: 1; color: #54a8c7 !important; } .text-warning { --bs-text-opacity: 1; color: #fab758 !important; } .text-danger { --bs-text-opacity: 1; color: #e2626b !important; } .text-muted { --bs-text-opacity: 1; color: #aab0bc !important; } .text-dark { --bs-text-opacity: 1; color: #343f52 !important; } .bg-red { --bs-bg-opacity: 1; background-color:rgba(var(--bs-red-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color:rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color:rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color:rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .rounded { border-radius: .4rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } @media (min-width: 576px) { .d-sm-inline { display:inline !important; } } @media (min-width: 768px) { .d-md-block { display:block !important; } .d-md-none { display:none !important; } .flex-md-row { flex-direction:row !important; } .align-items-md-center { align-items:center !important; } .mt-md-0 { margin-top: 0 !important; } .text-md-start { text-align:left !important; } .text-md-end { text-align:right !important; } } @media (min-width: 992px) { .d-lg-block { display:block !important; } .d-lg-flex { display:flex !important; } .d-lg-none { display:none !important; } .mt-lg-0 { margin-top: 0 !important; } .px-lg-5 { padding-right: 1.25rem !important; padding-left: 1.25rem !important; } } body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; word-spacing: .05rem; overflow-x:hidden !important; } hr.dark { color:rgba(164, 174, 198, .25); } ::-moz-selection { background:rgba(63, 120, 224, .7); color: #fff; } ::selection { background:rgba(63, 120, 224, .7); color: #fff; } a { transition:all .2s ease-in-out; } @media (prefers-reduced-motion:reduce) { a { transition:none; } } a:focus { outline: 0; } a[href^=tel] { text-decoration:inherit; } .more { font-weight: 700; letter-spacing: -.01rem; display:inline-block; } .more:after { line-height: 1; font-family:unicons; content: "\e94c"; padding-left: .05rem; font-size: .9rem; font-weight: 400; vertical-align:-3px; margin-right: -.25rem; display:inline-block; } _:default:not(:root:root) { border-bottom-width: 3px; } .divider-icon { border: 0; position:relative; margin: 4.5rem 0; } .divider-icon i { position:absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); font-size: 1.2rem; color:rgba(164, 174, 198, .2); } .divider-icon:after, .divider-icon:before { position:absolute; top: 50%; content: ""; border-top: 1px solid rgba(164, 174, 198, .2); width:calc(50% - 1.5rem); } .divider-icon:before { left: 0; } .divider-icon:after { right: 0; } .divider:after { content: ""; width: 100%; height: 5px; background:currentcolor; display:block; margin-top:-5px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 700; color: #343f52; word-spacing: .1rem; letter-spacing: -.01rem; } .text-uppercase.h1, .text-uppercase.h2, .text-uppercase.h3, .text-uppercase.h4, .text-uppercase.h5, .text-uppercase.h6, h1.text-uppercase, h2.text-uppercase, h3.text-uppercase, h4.text-uppercase, h5.text-uppercase, h6.text-uppercase { letter-spacing: .02rem; } .h1, h1 { line-height: 1.3; } .h2, h2 { line-height: 1.35; } .h3, h3 { line-height: 1.4; } .h4, h4 { line-height: 1.45; } .h5, h5 { line-height: 1.5; } .h6, h6 { line-height: 1.55; } .display-1 { line-height: 1.2; } .display-4, .display-5 { line-height: 1.3; } .rounded img { border-radius: .4rem; } .table:not(.table-borderless) tbody { border-top-width: 1px !important; } .widget .list-unstyled:not(.tag-list) li + li { margin-top: .35rem; } .list-unstyled li a.active { color: #3f78e0 !important; } .filter:not(.basic-filter) p { margin: 0 1rem 0 0; display:inline; } .filter:not(.basic-filter) ul { margin: 0; padding: 0; list-style:none; display:inline; } .filter:not(.basic-filter) ul li { display:inline; } .filter:not(.basic-filter) ul li + li:before { content: ""; display:inline-block; width: .2rem; height: .2rem; border-radius: 100%; margin: 0 .8rem 0 .5rem; vertical-align: .15rem; background:rgba(30, 34, 40, .2); } .filter:not(.basic-filter) ul li a { cursor:pointer; } .filter:not(.basic-filter) ul li a.active, .filter:not(.basic-filter) ul li a:hover { color: #3f78e0; } .filter:not(.basic-filter), .filter:not(.basic-filter) ul li a, .meta { text-transform:uppercase; letter-spacing: .02rem; font-size: .7rem; font-weight: 700; color: #aab0bc; } .meta { font-size: .65rem; } .code, .file { font-family:sfmono-regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; position:relative; display:inline-flex; align-items:center; margin: .275rem .1rem; vertical-align: 2px; padding: .05rem .4rem .05rem 1.4rem; font-size: .65rem; border-radius: .2rem; background:rgba(164, 174, 198, .15); box-shadow:none; border: 0; -webkit-font-smoothing:auto; -moz-osx-font-smoothing:auto; } .code:before, .file:before { position:absolute; left: 0; display:flex; justify-content:center; align-items:center; width: 1.6rem; padding-top: .05rem; margin-right: .4rem; text-align:center; color:inherit; font-family:unicons; font-size: .7rem; border-radius: .2rem; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .code:before { font-size: .85rem; content: "\e952" } .file:before { content: "\eaed" } input, select, textarea { -webkit-appearance:none !important; } .form-floating > label { color: #959ca9; font-size: .75rem; } .form-floating.input-group label { margin-left: .05rem !important; } .form-floating > textarea.form-control:not(:-moz-placeholder-shown) { padding-top: 1.3rem; } .form-floating > textarea.form-control:not(:-ms-input-placeholder) { padding-top: 1.3rem; } .form-floating > textarea.form-control:focus, .form-floating > textarea.form-control:not(:placeholder-shown) { padding-top: 1.3rem; } .form-floating > textarea.form-control:-webkit-autofill { padding-top: 1.3rem; } .form-check-input { box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04); margin-top: .2rem; } .form-select { background-clip:padding-box; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 0; } .input-group > .btn { max-height: 2.6rem; } .btn { display:inline-flex; align-items:center; justify-content:center; transform:translatey(0); letter-spacing: -.01rem; position:relative; } .btn:not(.btn-link):hover { transform:translatey(-.15rem); box-shadow: 0 .25rem .75rem rgba(30, 34, 40, .15); } .input-group .btn:hover { transform:none; } button:focus { outline: 0; } .btn-primary { --bs-btn-active-bg:initial; --bs-btn-active-border-color:initial; --bs-btn-active-shadow:var(--bs-btn-box-shadow); --bs-btn-color: #fff; --bs-btn-bg: #3f78e0; --bs-btn-border-color: #3f78e0; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3f78e0; --bs-btn-hover-border-color: #3f78e0; --bs-btn-focus-shadow-rgb: 92, 140, 229; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3f78e0; --bs-btn-active-border-color: #3f78e0; --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3f78e0; --bs-btn-disabled-border-color: #3f78e0; } .btn-sm { --bs-btn-padding-y: 0.4rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 0.7rem; --bs-btn-border-radius: 0.4rem; } .navbar .btn-sm { font-size: .8rem; } .avatar { display:flex; align-items:center; justify-content:center; font-weight: 700; line-height: 1.7; letter-spacing: -.01rem; border-radius: 100%; height:auto; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -30%, 0); } to { opacity: 1; transform:none; } } @keyframes priceFade { 0% { opacity: 1; transform:translatey(0); } 100% { opacity: 0; transform:translatey(80%); } } @keyframes priceShow { 0% { opacity: 0; transform:translatey(-80%); } 100% { opacity: 1; transform:translatey(0); } } @keyframes ripple-1 { 0% { transform:scale(1); opacity: 1; } 100% { transform:scale(1.5); opacity: 0; } } @keyframes ripple-2 { 0% { transform:scale(1); opacity: 1; } 100% { transform:scale(1.7); opacity: 0; } } @keyframes loader-scale { 0% { transform:scale(0); opacity: 0; } 50% { opacity: 1; } 100% { transform:scale(1); opacity: 0; } } :root { --animate-delay: 0.5s; } @media (max-width: 991.98px) { .navbar-expand-lg .navbar-collapse .nav-link, .navbar-expand-lg .navbar-collapse .nav-link.active, .navbar-expand-lg .navbar-collapse .nav-link:focus, .navbar-expand-lg .navbar-collapse .nav-link:hover, .navbar-expand-lg .navbar-collapse .show > .nav-link { color: #fff; } .navbar-expand-lg .navbar-collapse .nav-link { padding-top: .3rem; padding-bottom: .3rem; } } @media (max-width: 991.98px) { .navbar-expand-lg .navbar-brand { padding-top: 1.2rem; padding-bottom: 1.2rem; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-nav { position:static !important; } .navbar-expand-lg.transparent:not(.fixed) { padding-top: .3rem; } .navbar-expand-lg.fixed .topbar { display:none !important; } .navbar-expand-lg .navbar-collapse .nav-link { white-space:nowrap; } } .nav-link { --bs-nav-link-font-weight: 700; letter-spacing: -.01rem; } .nav-link p { font-size: .8rem; } @media (min-width: 992px) and (max-width: 1199.98px) { .navbar .navbar-collapse .nav-link { padding-right: .6rem; padding-left: .6rem; } } header { position:relative; } .navbar { width: 100%; z-index: 1020; } .navbar .container { position:relative; } .navbar .navbar-collapse { align-items:center; } .navbar.fixed:not(.extended) .topbar { display:none !important; } .card { box-shadow: 0 0 0 .05rem rgba(8, 60, 130, .06), 0 0 1.25rem rgba(30, 34, 40, .04); border: 0; } .card[class*=bg-] { box-shadow:none !important; } .accordion-item .card-body { padding: 0 1.25rem .25rem 2.35rem; } .accordion-item.icon .card-body { padding: 0 1.25rem .25rem 2.8rem; } .accordion-item.icon button { padding: 0 0 0 1.5rem; display:flex; align-items:center; } .accordion-item.icon button:before { display:none; } .accordion-item.icon button > span { position:absolute; left: 1.3rem; } .accordion-item.icon button > span i { font-size: 1rem; } .alert-success { --bs-alert-color: #308970; --bs-alert-bg: #ecf9f6; --bs-alert-border-color: #c7ede3; } .alert-info { --bs-alert-color: #3b768b; --bs-alert-bg: #eef6f9; --bs-alert-border-color: #cce5ee; } .alert-warning { --bs-alert-color: #af803e; --bs-alert-bg: #fff8ee; --bs-alert-border-color: #fee9cd; } .alert-danger { --bs-alert-color: #9e454b; --bs-alert-bg: #fceff0; --bs-alert-border-color: #f6d0d3; } .alert[class*=bg-] { padding: .8rem 0; } .tooltip { font-weight: 500; pointer-events:none; } @font-face { font-family:unicons; src:url(../fonts/unicons/Unicons.woff2) format("woff2"), url(../fonts/unicons/Unicons.woff) format("woff"); font-weight: 400; font-style:normal; font-display:block; } @font-face { font-family:custom; src:url(../fonts/custom/Custom.woff2) format("woff2"), url(../fonts/custom/Custom.woff) format("woff"); font-weight: 400; font-style:normal; font-display:block; } body, html { height: 100% } body { display:flex; flex-direction:column; } .content-wrapper, footer { flex-shrink: 0; } .content-wrapper { flex-grow: 1; } .overlay { position:relative; text-align:center; overflow:hidden; transform: translate3d(0, 0, 0); } .overlay * { transition:all .4s ease; } @media (prefers-reduced-motion:reduce) { .overlay * { transition:none; } } .overlay img { transition:none; } .overlay:not(.caption-overlay) i { display:block; font-size:calc(1.265rem + .18vw); } @media (min-width: 1200px) { .overlay:not(.caption-overlay ) i { font-size: 1.4rem; } } .overlay a { position:relative; display:block; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; cursor:pointer !important; } .overlay span.bg { position:relative; display:block; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; cursor:pointer !important; opacity: 0; z-index: 4; position:absolute; width: 100%; height: 100%; background:rgba(30, 34, 40, .6); } .overlay.color span.bg { background:rgba(63, 120, 224, .7); } .overlay.light span.bg { background:rgba(255, 255, 255, .6); } .overlay:not(.overlay-3):hover span.bg { opacity: 1; transition:opacity .35s ease-in-out; } @media (prefers-reduced-motion:reduce) { .overlay:not(.overlay-3 ):hover span.bg { transition:none; } } .overlay * { color: #fff !important; } .overlay.light * { color: #343f52 !important; } .overlay img { max-width: 100%; -webkit-backface-visibility:hidden; backface-visibility:hidden; vertical-align:top; } .price { margin: 0; } .price ins { text-decoration:none; color: #e2626b; } @media (max-width: 575.98px) { .shape { display:none; } } footer [class*=col-] .widget + .widget { margin-top: 1rem; } .footer.bg-dark, footer.bg-dark { background: #21262c !important; } .hover\:1 { transform:translatey(0px) !important; transition: 500ms !important; } .hover\:1:hover { transform:translatey(-5px) !important; transition: 500ms !important; }