/* Base structure */
html, body { height: 100%; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem !important; position: relative; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, svg, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace,serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/* @Author: Samon Xie @Date:   2020-03-01 15:08:06 @Last Modified by:   Samon Xie @Last Modified time: 2020-03-29 19:49:41 */
.navbar .nav-link { display: inline-block; padding: .25rem 0 !important; margin-left: 1rem; font-weight: 700; color: rgba(255, 255, 255, 0.5); background-color: transparent; border-bottom: .25rem solid transparent; }

.navbar .nav-link.focus, .navbar .nav-link:hover { border-bottom-color: rgba(255, 255, 255, 0.25); }

.navbar .nav-link.active { color: #fff; border-bottom-color: #fff; }

.bg-light .nav-link.focus, .bg-light .nav-link:hover { border-bottom-color: rgba(0, 0, 0, 0.75); }

.bg-light .nav-link.active { color: #495057; border-bottom-color: #495057; }

.container-sm { max-width: 45em !important; }

.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30  30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width = '2.5px' stroke-linejoin='round' fill='none' d='M3,5 H27 C27,5 27 5 3 25  M3, 25 H27'/%3e%3c/svg%3e"); }

.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width = '2.5px' stroke-linejoin='round' fill = 'none' d='M3,5 H27 C27,5 27 5 3 25  M3, 25 H27'/%3e%3c/svg%3e"); }

/* @Author: Samon Xie @Date:   2020-03-01 18:26:49 @Last Modified by:   Samon Xie @Last Modified time: 2020-04-26 23:25:24 */
.home, .service, .about, .contact { line-height: 1; display: -ms-flexbox; display: flex; text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5); box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.home { background-color: #333; color: #fff; background-image: url("/assets/images/bg4.png"); padding-top: 5.5rem !important; }

@media (min-width: 576px) and (max-width: 991.98px) { .home { padding-top: 3.5rem !important; } }

#home-canvas { position: absolute; top: 0; left: 0; display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; }

.stripes-1st-bg, .stripes-3rd-bg { background-repet: repeat; background-position: 0 0; -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

.stripes-1st-bg { background-image: -webkit-linear-gradient(#fff 50%, #495057 50%); background-size: 100% 100%; -webkit-animation: stripes-1st 6s linear infinite; animation: stripes-1st 6s linear infinite; }

.stripes-3rd-bg { background-image: -webkit-linear-gradient(#007bff 50%, #fff 50%); background-size: 100% 5px; -webkit-animation: stripes-3rd 5s linear infinite; animation: stripes-3rd 5s linear infinite; }

@-webkit-keyframes stripes-1st { 100% { background-position: 0 50px; } }

@keyframes stripes-1st { 100% { background-position: 0 50px; } }

@-webkit-keyframes stripes-3rd { 100% { background-position: 0  -50px; } }

@keyframes stripes-3rd { 100% { background-position: 0  -50px; } }

@media (max-width: 991.98px) { .profile-fs-1st { font-size: 1.5rem !important; } }

@media (min-width: 768px) and (max-width: 1199.98px) { .profile-fs-1st { font-size: 1.87rem !important; } }

@media (min-width: 992px) { .profile-fs-1st { font-size: 2.2rem !important; } }

@media (min-width: 1200px) { .profile-fs-1st { font-size: 2.5rem !important; } }

@media (max-width: 991.98px) { .profile-fs-2nd { font-size: 1.35rem !important; } }

@media (min-width: 768px) and (max-width: 1199.98px) { .profile-fs-2nd { font-size: 1.86rem !important; } }

@media (min-width: 992px) { .profile-fs-2nd { font-size: 2.46rem !important; } }

@media (min-width: 1200px) { .profile-fs-2nd { font-size: 2.94rem !important; } }

@media (max-width: 991.98px) { .profile-fs-3rd { font-size: 1.1rem !important; } }

@media (min-width: 768px) and (max-width: 1199.98px) { .profile-fs-3rd { font-size: 1.58rem !important; } }

@media (min-width: 992px) { .profile-fs-3rd { font-size: 2.1rem !important; } }

@media (min-width: 1200px) { .profile-fs-3rd { font-size: 2.52rem !important; } }

.qr-banner { padding-bottom: 3.5rem; }

.qr-banner img { width: 5rem; height: auto; }

@media (min-width: 576px) and (max-width: 991.98px) { .qr-banner { padding-bottom: 1.5rem !important; }
  .qr-banner img { width: 3rem; height: auto; } }

/* @Author: Samon Xie @Date:   2020-03-23 13:24:13 @Last Modified by:   Samon Xie @Last Modified time: 2020-04-22 17:34:09 */
.text { fill: #fff; stroke-width: 0.5; stroke-linejoin: round; stroke-dasharray: 35 165; stroke-dashoffset: 0; animation: stroke 6s infinite linear; }

.text:nth-child(5n + 1) { stroke: #56D9CD; animation-delay: -1.2s; }

.text:nth-child(5n + 2) { stroke: #E9F1DF; animation-delay: -2.4s; }

.text:nth-child(5n + 3) { stroke: #3AA1BF; animation-delay: -3.6s; }

.text:nth-child(5n + 4) { stroke: #F2385A; animation-delay: -4.8s; }

.text:nth-child(5n + 5) { stroke: #F5A503; animation-delay: -6s; }

.slogan-text { fill: none; stroke-width: .5; stroke-linejoin: round; stroke-dasharray: 210 450; stroke-dashoffset: 0; animation: slogan-stroke 10s infinite linear; }

@media (min-width: 768px) { .slogan-text { stroke-width: 1; } }

.slogan-text:nth-child(3n + 1) { stroke: #000; animation-delay: -3.3333333333s; }

.slogan-text:nth-child(3n + 2) { stroke: #8a63d2; animation-delay: -6.6666666667s; }

.slogan-text:nth-child(3n + 3) { stroke: #2188ff; animation-delay: -10s; }

@keyframes stroke { 100% { stroke-dashoffset: -200; } }

@keyframes slogan-stroke { 100% { stroke-dashoffset: -660; } }

/** This webfont is delivered by Catapult, a service powered by Fontself https://www.fontself.com Copyright 2018 Fontself, from Paris with <3. All Rights Reserved. 2018-12-21T12:12:24.807Z Font information Family: Herbarium Latin Style: Regular Designer: Anna Markovets Copyright: Copyright (c) 2017 by Anna Markovets License: The use of this font is restricted to the Fontself app only, do not use it or redistribute it elsewhere. This font is property of its respective owner(s). This information is for identification purposes only. Use of this information, including names, trademarks or brands, does not imply endorsement. */
@font-face { font-family: 'herbarium-latin-regular'; src: url("/assets/fontself/oG4rwgj80JjqmyA0Zw2") format("woff2"), url("/assets/fontself/oG4rwgj80JjqmyA0Zwf") format("woff"); font-weight: normal; font-style: normal; font-display: block; }

.fs-herbarium-latin-regular { font-family: 'herbarium-latin-regular'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.service { background-color: #fff; color: #333; background-image: url("/assets/images/earth-connect3.png"); padding-top: 1.5rem !important; height: auto; box-shadow: none; text-shadow: none; }

@media (min-width: 576px) { .service { padding-top: 1.8rem !important; } }

.chief-lineify::before, .second-lineify::after { content: ''; color: #dee2e6; width: 100%; overflow: hidden; clear: both; display: inline-flex; vertical-align: middle; }

.chief-lineify::before { height: .3rem; background-color: rgba(23, 162, 184, 0.86); }

.second-lineify::after { height: .15rem; background-color: rgba(23, 162, 184, 0.5); }

@media (max-width: 991.98px) { .title-chief { font-size: 1.25rem !important; } }

@media (min-width: 768px) and (max-width: 1199.98px) { .title-chief { font-size: 1.55rem !important; } }

@media (min-width: 992px) { .title-chief { font-size: 1.85rem !important; } }

@media (min-width: 1200px) { .title-chief { font-size: 2.2rem !important; } }

.title-chief small::before { content: "\00A0\00A0"; }

@media (max-width: 991.98px) { .title-second { font-size: 1.1rem !important; } }

@media (min-width: 768px) and (max-width: 1199.98px) { .title-second { font-size: 1.35rem !important; } }

@media (min-width: 992px) { .title-second { font-size: 1.65rem !important; } }

@media (min-width: 1200px) { .title-second { font-size: 2.1rem !important; } }

.card-icon { max-width: 60%; max-height: 60%; height: 33.3%; width: 33.3%; margin-left: 33.3%; margin-top: 5%; line-height: 1; }

.cards { background-color: rgba(255, 255, 255, 0.5); }

.card { border-radius: 0 !important; background-color: rgba(255, 255, 255, 0.5); width: auto; height: 22.5rem; overflow-y: hidden; text-overflow: ellipsis; }

@media (min-width: 768px) { .card { border: 0px solid #dee2e6; } }

.card-bg { background-color: rgba(98, 119, 117, 0.85); color: #f0f0f0; text-shadow: #000 0px 1px 0px; box-shadow: rgba(98, 119, 117, 0.8) 0px 15px 15px; }

.text-body { height: 7.5rem; overflow: hidden; }

.typed-cursor { opacity: 1; color: #fff; font-weight: 100; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; -o-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

.about { color: #343a40; background-color: #f8f9fa; background-image: url("/assets/images/bg2.png"); padding-top: 1.5rem !important; box-shadow: none; text-shadow: none; height: auto; }

@media (min-width: 576px) { .about { padding-top: 1.8rem !important; } }

.about-lineify::after { content: ""; overflow: hidden; width: 15%; clear: both; display: inline-flex; vertical-align: middle; height: .12rem; background-color: rgba(73, 80, 87, 0.86); }

@media (min-width: 768px) { .about-lineify::after { width: 35%; } }

.line-svg { width: 5rem; height: 2.5rem; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nODAnIGhlaWdodD0nNDAnIHZpZXdCb3g9JzAgMCA4MCA0MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSdsZ18xJyB4MT0nMCUnIHkxPScwJScgeDI9JzAlJyB5Mj0nMTAwJSc+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9JzAlJyBzdHlsZT0nc3RvcC1jb2xvcjojNzliOGZmOyBzdG9wLW9wYWNpdHk6MScgLz4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0nNTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojMDM2NmQ2O3N0b3Atb3BhY2l0eToxJyAvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PScxMDAlJyBzdHlsZT0nc3RvcC1jb2xvcjojNzliOGZmO3N0b3Atb3BhY2l0eToxJyAvPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgIDwvZGVmcz4NCiAgICA8ZyAgc3Ryb2tlPScjNzliOGZmJyBmaWxsPSd1cmwoI2xnXzEpJz4NCiAgICAgICAgPHJlY3QgIHg9JzM3JyAgeT0nMycgd2lkdGg9JzQuNScgaGVpZ2h0PSczNSc+DQogICAgICAgICAgICA8YW5pbWF0ZSBpZD0nb25lJyBhdHRyaWJ1dGVUeXBlPSdYTUwnIGF0dHJpYnV0ZU5hbWU9J3knIGZyb209JzUnIHRvPSc3MCcgYmVnaW49JzBzJyBkdXI9JzNzJyBmaWxsPSdyZW1vdmUnIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPg0KICAgICAgICA8L3JlY3Q+DQogICAgICAgIDxyZWN0IHJ4PSIyIiByeT0iMiIgeD0nMzguNScgeT0nMycgd2lkdGg9JzEuNScgaGVpZ2h0PSczNScgLz4NCiAgICA8L2c+DQo8L3N2Zz4="); }

@media (min-width: 992px) { .line-svg { background-image: url("data:image/svg+xml;base64,DQoNCg0KPHN2ZyB3aWR0aD0nODAnIGhlaWdodD0nODAnIHZpZXdCb3g9JzAgMCA4MCA4MCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSdsZ18yJyB4MT0nMCUnIHkxPScwJScgeDI9JzEwMCUnIHkyPScwJSc+DQogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9JzAlJyBzdHlsZT0nc3RvcC1jb2xvcjojNzliOGZmOyBzdG9wLW9wYWNpdHk6MScgLz4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0nNTAlJyBzdHlsZT0nc3RvcC1jb2xvcjojMDM2NmQ2O3N0b3Atb3BhY2l0eToxJyAvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PScxMDAlJyBzdHlsZT0nc3RvcC1jb2xvcjojNzliOGZmO3N0b3Atb3BhY2l0eToxJyAvPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgIDwvZGVmcz4NCiAgICA8ZyAgc3Ryb2tlPScjNzliOGZmJyBmaWxsPSd1cmwoI2xnXzIpJz4NCiAgICAgICAgPHJlY3QgIHg9JzUnICB5PSczNS41JyB3aWR0aD0nNzAnIGhlaWdodD0nOSc+DQogICAgICAgICAgICA8YW5pbWF0ZSAgYXR0cmlidXRlVHlwZT0nWE1MJyBhdHRyaWJ1dGVOYW1lPSd4JyBmcm9tPSc1JyB0bz0nNzAnIGJlZ2luPScwcycgZHVyPSc1cycgZmlsbD0ncmVtb3ZlJyByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4NCiAgICAgICAgPC9yZWN0Pg0KICAgICAgICA8cmVjdCByeD0iMiIgcnk9IjIiIHg9JzUnIHk9JzM4LjUnIHdpZHRoPSc3MCcgaGVpZ2h0PSczJyAvPg0KICAgIDwvZz4NCjwvc3ZnPg=="); width: 5rem; height: 5rem; } }

.line-dashes-svg { width: 5rem; height: 2.5rem; background-image: url("data:image/svg+xml,%3csvg width='80' height='40' viewBox='0 0 80 40' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='38.5' stroke-linecap='butt' y1='3' x2='38.5' y2='37' stroke='%23007bff' stroke-width='1.5' stroke-dasharray=' 2 2'/%3e%3c/svg%3e"); }

@media (min-width: 992px) { .line-dashes-svg { background-image: url("data:image/svg+xml,%3csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3e%3cline y1='38.5' stroke-linecap='butt' x1='5' y2='38.5' x2='75' stroke='%23007bff' stroke-width='2' stroke-dasharray=' 3 3 '/%3e%3c/svg%3e"); width: 5rem; height: 5rem; } }

.display-float-green { animation: floatV 13s ease-in-out infinite; }

@media (min-width: 992px) { .display-float-green { animation: floatH 13s ease-in-out infinite; } }

.display-float-teal { animation: floatV 10s ease-in-out infinite; }

@media (min-width: 992px) { .display-float-teal { animation: floatH 10s ease-in-out infinite; } }

.display-float-yellow { animation: floatV 11s ease-in-out infinite; }

@media (min-width: 992px) { .display-float-yellow { animation: floatH 11s ease-in-out infinite; } }

.display-float-blue { animation: floatV 14s ease-in-out infinite; }

@media (min-width: 992px) { .display-float-blue { animation: floatH 14s ease-in-out infinite; } }

.display-float-purple { animation: floatV 12s ease-in-out infinite; }

@media (min-width: 992px) { .display-float-purple { animation: floatH 12s ease-in-out infinite; } }

.display-float-orange { animation: floatV 16s ease-in-out infinite; }

@media (min-width: 992px) { .display-float-orange { animation: floatH 16s ease-in-out infinite; } }

@keyframes floatV { 0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  to { transform: translateY(0); } }

@keyframes floatH { 0% { transform: translateX(0); }
  50% { transform: translateX(-15px); }
  to { transform: translateX(0); } }

.contact { color: #000; background-color: #e9ecef; padding-top: 1.5rem !important; height: auto; box-shadow: none; text-shadow: none; }

@media (min-width: 576px) { .contact { padding-top: 1.8rem !important; } }

.triangle, .square, .diamond, .circle { background-size: 100% 100%; background-repeat: no-repeat; }

.triangle { top: 3.5rem; left: 6.87rem; width: 2.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cpath d='M24 22h-24l12-20z' fill='%232188ff'/%3e%3c/svg%3e"); transform: rotate(-45deg); animation: float 9s ease-in-out infinite; }

.square { width: 1.25rem; top: 2.85rem; left: -1.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3crect x='0' y='0' rx='5'  ry='5' height='24' width='24' stroke='none' fill='%238a63d2'/%3e%3c/svg%3e"); transform: rotate(30deg); animation: float 6s ease-in-out infinite; }

.diamond { width: 0.75rem; top: -1rem; left: 0rem; background-image: url("data:image/svg+xml,%3csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'  fill-rule='evenodd' clip-rule='evenodd' viewbox='0 0 24 24'%3e%3cpath  d='M12 .001l12 12-12 12-12-12 12-12z' fill='%2334d058' stroke='none' /%3e%3c/svg%3e"); animation: float 8s ease-in-out infinite; }

.circle { top: -1rem; left: 6.87rem; width: 1rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e %3ccircle cx='50%' cy='50%' r='12' stroke='none' fill='%23fb8532'/%3e%3c/svg%3e"); animation: float 7s ease-in-out infinite; }

@keyframes float { 0% { transform: rotate(5deg) translateY(0); }
  50% { transform: rotate(10deg) translateY(-10px); }
  to { transform: rotate(5deg) translateY(0); } }

.map_col { margin: 0 auto; background: white; border: 1px solid #7d623b; opacity: 1; border-radius: 1.25rem; }

.contact-card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; }

.contact-card .card-img { flex-shrink: 0; width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.contact-info-color { color: #7d623b; }

.contact-info-color img { width: 1.5rem; max-width: 2rem; }

.contact-info-color span { font-weight: 400; }

@media (max-width: 991.98px) { .contact-info-color span { font-size: 1rem !important; } }

@media (min-width: 992px) { .contact-info-color span { font-size: 1.25rem !important; } }

.contact-info-color span > a { color: inherit; }

.contact-info-color span > a:hover, .contact-info-color span > a:focus { color: inherit; }

.focus-qa { color: #000; }

.focus-qa figcaption { font-weight: 700; font-size: 65%; color: #000; }

.slogan { font-size: 1.1rem; }

@media (min-width: 992px) { .slogan { font-size: 2rem !important; } }

@media (min-width: 576px) { .slogan { font-size: 1.2rem !important; } }

.qa-modal { background-color: transparent; border: 0 solid transparent; }

.qa-modal:hover, .qa-modal:focus { outline: none; }

.text-purple { color: #8a63d2 !important; }

.text-yellow { color: #ffdf5d !important; }

.text-orange { color: #fb8532 !important; }

.text-green { color: #34d058 !important; }

.text-blue { color: #2188ff !important; }

.text-teal { color: #20c997 !important; }

/*# sourceMappingURL=main.css.map */