/*主页轮播图部分*/
ul{padding: 0; list-style: none;}
.swiper-list-youtube,.swiper-list-tools{
  width: 336px;
  height: 189px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.swiper-main {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.swiper-item{
  height: 100%;
  display: inline;
  position: absolute;
}
.swiper-spot{
  width: 100%;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 5px;
}
.swiper-spot .spot-item{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
  margin-left: 10px;
}
.swiper-spot .spot-item:nth-of-type(1) {
  margin-left: 0;
}

.leftBtn{
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
    height: 30px;
}
.rightBtn{
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
    height: 30px;
}





/*主页紧急情况部分*/
.alert {
  position: relative;
  padding: 0.5rem 0.5rem;
    padding-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
  border-radius: .25rem;
}

.alert-dismissible {
  padding-right: 2rem;
}

.alert-warning {
  color: #ffb400;
  background-color: #ffefcc;
  border-color: #ffefcc;
  border-left-color: rgb(255, 243, 196);
}

.border-left-6 {
  border-left: 6px solid !important;
}


/* Base styles */
*, input[type=search] {
    box-sizing: border-box;
}

.search-box:before {
    display: none;
}

.search-box form {
    width: 730px;
    margin: 0 auto;
    position: relative;
}
.ycm-img {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.badge {
  position: relative;
  top: -1px;
  padding: 0.25em 0.375em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  color: #1A202C;
  background-color: #EDF2F7;
  transition: 0.15s ease-in-out;
}

.blur {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.bg-warning {
  background-color: #4A5568;
}

.bg-gray-500{
  background-color:#ffb400;
}

.bg-gray-400 {
  background-color: #006ee1;
}

.bg-gray-300 {
  background-color: #888e99;
}


.bg-gray-200 {
  background-color: #f2f4f4;
}

.shadow-md {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.cta {
  background-color: #edf2f7;
  color: #555;
}

.lt-footer-submit-ticket__subtitle {
    color: #FFF;
}

html {
    line-height: 1.5;
    background-color:transparent;
    
}

body {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 15px;
    
    margin: 0;
    padding-bottom: 0;
/*   padding-bottom: 50px; */
}

img {
    max-width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
}

img[width], img[height] {
    max-width: none;
}

figure > img {
    display: block;
}

a {
    color: rgba(0, 0, 0, 1);
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
   text-decoration:none;
}

a:hover {
    text-decoration: underline;
}

ul, ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
    list-style-position: outside !important;
}

table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
[dir=rtl] table {
    text-align: right;
}

td, th {
    border-color: #eee;
    border-style: solid;
    padding: 12px;
}

th {
    border-width: 1px 1px;
    color: #bebebe;
    font-size: 11px;
    font-weight: normal;
    white-space: nowrap;
    text-align: inherit;
}

td {
    border-width: 1px 1px 1px 1px;
}

div.note {
    width: auto;
    height: auto;
    background: #FFFBCC;
    border-radius: 10px;
    padding: 1px 0px 1px 15px;
}

div.tip {
    width: auto;
    height: auto;
    background: #DAF3FF;
    border-radius: 10px;
    padding: 1px 0px 1px 15px;
}

div.important {
    width: auto;
    height: auto;
    background: #FFCCCC;
    border-radius: 10px;
    padding: 1px 0px 1px 15px;
}

div.code {
    width: auto;
    height: auto;
    background: #FAFAFA;
    border-radius: 10px;
    padding: 1px 0px 1px 15px;
}

h1, h2, h3, h4, h5, h6 {
    color: #2F3D42;
    font-weight: 400;
}

h1 {
    font-size: 20px;
    color: #000000;
}

h2 {
    font-weight: bold;
    color: #000000;
}

h3 {
    font-weight: bold;
    color: #000000;
}

input, label {
    display: inline-block;
    vertical-align: middle;
}

label, select {
    font-size: 12px;
}

input[type="checkbox"] + label {
    margin-left: 5px;
}
[dir=rtl] input[type="checkbox"] + label {
    margin-left: 0;
    margin-right: 5px;
}

input, textarea, select {
    border: 1px solid #ddd;
    border-radius: 2px;
}

input, textarea {
    padding: 10px;
}

textarea {
    height: 100px;
    padding: 7px 10px;
    resize: vertical;
}

textarea, input[type=text] {
    width: 100%;
}

input, textarea, select {
    color: #555;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border: 1px solid #999;
}

input::-ms-clear {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

::placeholder {
    color: #ccc;
}

select {
    appearance: none;
    padding: 5px 10px;
    min-width: 141px;
    background: url("/hc/theming_assets/01HZM4DJM2KN01EDEXDGZDBNJC") no-repeat #fff;
    background-size: 10px 5px;
    background-position: calc(100% - 10px) 50%;
}

select::-ms-expand {
    display: none;
}
[dir=rtl] select {
    background-position: 10px 50%;
}

/* Buttons */
button, [role=button], [type=button], [type=submit] {
    border-radius: 4px;
    border: 1px solid #ddd;
    color: rgba(0, 0, 0, 1);
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}



a[role=button]:hover {
    text-decoration: none;
}

input[type=submit] {
    background: #444;
    border-color: transparent;
    color: #fff;
    padding: 10px 30px;
}

input[type=submit][disabled] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
    opacity: .4;
}

button img, [role=button] img {
    border-radius: 4px;
    margin: 0 5px 0 0;
    height: 20px;
    position: relative;
    top: -1px;
    vertical-align: middle;
}
[dir=rtl] button img, [dir=rtl] [role=button] img {
    margin: 0 0 0 5px;
}

/* Forms */
.form {
    max-width: 505px;
}

.form-field ~ .form-field {
    margin-top: 25px;
}

.form-field label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.form-field input[type=checkbox] + label {
    margin: 0 0 0 10px;
}

.form-field.required > label:after {
    content: "*";
    color: #f00;
    margin-left: 2px;
}

.form-field p {
    color: #bebebe;
    font-size: 11px;
}

.form-field input[type=number], .form-field input.datepicker {
    width: 150px;
}

.form-field input.partialcreditcardinputfield {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAQAAADYBBcfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ9JREFUOMvdktENwyAMBTNCR8gIGcGjMIo3YwQmOGUERnA/oLQUkZIoUqrYfyednwWepnOLGYeiOOY9ksc+2g/JLMRKM4zI8jvtpQUUJRR1OzUvGZFCJI/y23lpvlRUMu1n4tKSDU8Lu76oGIaO8otEFM+KYaz4r37zVm4+vdO3EgOClFvdIUp1buNipo+DYp+fv+rxx/njAwhDYpguqyfMVKQgdRaSPwAAAABJRU5ErkJggg==") no-repeat 10px 10px;
    background-size: 14px;
    padding-left: 28px;
}
[dir=rtl] .form-field input.partialcreditcardinputfield {
    padding-left: 0;
    padding-right: 28px;
    background-position: right 10px top 10px;
}

.form-field .nesty-input {
    height: 37px;
    line-height: 37px;
}

.form-field .nesty-input:focus {
    outline: none;
    border: 1px solid #999;
}

.form form + form {
    margin-top: 25px;
}

.searchbox {
    margin: 25px 0;
}

.searchbox-suggestions {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 10px 20px;
}

.searchbox-suggestions li {
    padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
    background: transparent url("/hc/theming_assets/01HZM4DFE39W58TXV14ECMX22S") 99% 50% no-repeat;
    background-size: 16px 16px;
}

.form footer {
    border-top: 1px solid #eee;
    margin-top: 40px;
    padding-top: 30px;
    text-align: right;
}

.form footer a {
    color: #ccc;
    cursor: pointer;
    margin-right: 15px;
}

/* Navigation menus */
.nav li, .nav-bordered li, .nav-spaced li {
    display: inline-block;
    font-weight: bold;
}

.nav li a, .nav-bordered li a, .nav-spaced li a {
    font-weight: normal;
}

.nav-bordered li + li {
    border-color: #eee;
    border-style: solid;
    border-width: 0 0 0 1px;
    margin: 0 0 0 30px;
    padding: 0 0 0 30px;
}

[dir=rtl] .nav-bordered li + li {
    border-width: 0 1px 0 0;
    margin: 0 30px 0 0;
    padding: 0 30px 0 0;
}

.nav-spaced li + li {
    margin: 0 0 0 40px;
}

[dir=rtl] .nav-spaced li + li {
    margin: 0 40px 0 0;
}

/* Search box */
.search-box, .sub-nav .search {
    position: relative;
}

.search-box:before, .sub-nav .search:before {
    content: "\1F50D";
    font-family: "entypo";
    font-size: 1.25em;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2.5em;
    z-index: 1;
}

.search-box input, .sub-nav .search input {
    line-height: 1.2em;
    font-weight: lighter;
    padding: .75em 2.7em;
    width: 100%;
    appearance: none;
}

.search-box input[type="submit"], .sub-nav .search input[type="submit"] {
    display: none;
}

/* Breadcrumbs */
.breadcrumbs li {
    color: #bebebe;
    display: inline-block;
    font-size: 12px;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs li + li:before {
    content: ">";
    margin: 0 4px;
}

.breadcrumbs li a {
    color: rgba(18, 123, 231, 1);
}

/* Labels */
.label, .request-status, .post-overview-status > span, .post-status > span {
    border-radius: 20px;
    display: inline-block;
    font-size: 10px;
    padding: 3px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Metadata */
.meta, .meta-group {
    color: #ccc;
    display: inline-block;
    font-size: 11px;
}

.meta-group * + *:before {
    content: "\2022";
    font-size: 8px;
    margin: 0 10px;
}

/* Helper classes */
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* Social share links */
.share {
    white-space: nowrap;
}

.share li, .share a {
    display: inline-block;
}

.share a {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    width: 30px;
}

.share a:before {
    background: #ccc;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-family: "entypo";
    text-align: center;
    width: 100%;
}

.share a:hover {
    text-decoration: none;
}

.share-twitter:before {
    content: "\F309";
}

.share-facebook:before {
    content: "\F30C";
}

.share-linkedin:before {
    content: "\F318";
}

.share-googleplus:before {
    content: "\F30F";
}

/* Pagination */
.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination * {
    display: inline-block;
}

.pagination li {
    border: 1px solid #eee;
    float: left;
    margin-left: -1px;
}
[dir=rtl] .pagination li {
    float: right;
}

.pagination a, .pagination span {
    color: inherit;
    font-size: 12px;
    padding: 5px 12px;
}

.pagination-current {
    background-color: #f9f9f9;
    color: #bebebe;
}

.pagination-first {
    border-radius: 3px 0 0 3px;
}
[dir=rtl] .pagination-first {
    border-radius: 0 3px 3px 0;
}

.pagination-last {
    border-radius: 0 3px 3px 0;
}
[dir=rtl] .pagination-last {
    border-radius: 3px 0 0 3px;
}

/* Content styles */
.content-body {
    word-wrap: break-word;
    line-height: 1.7;
}

.content-body img {
    max-width: 100%;
}

.content-body hr {
    background-color: #eee;
    border: 0;
    height: 1px;
}

.content-body ul, .content-body ol {
    list-style-position: inside;
    padding: 0 15px;
}

.content-body ul {
    list-style-type: disc;
}

.content-body ol {
    list-style-type: decimal;
}

.content-body ol ul, .content-body ul ul {
    list-style-type: circle;
}

.content-body ol ol ul,
.content-body ol ul ul,
.content-body ul ol ul,
.content-body ul ul ul {
    list-style-type: square;
}

.content-body pre {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 10px 15px;
    overflow: auto;
    white-space: pre;
}

.content-body blockquote {
    border-left: 1px solid #eee;
    color: #bebebe;
    font-style: italic;
    padding: 0 15px;
}

.vote {
    display: inline-block;
    text-align: center;
    width: 35px;
}

.vote a {
    outline: none;
    text-decoration: none;
}

.vote-sum {
    display: block;
    font-weight: bold;
    margin: 3px 0;
}
[dir=rtl] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override;
}

.vote-up:before, .vote-down:before {
    border-radius: 50%;
    border: 1px solid #ddd;
    color: rgba(18, 123, 231, 1);
    display: inline-block;
    font-family: "entypo";
    font-size: 15px;
    height: 18px;
    line-height: 18px;
    width: 18px;
}

.vote-up:hover:before, .vote-down:hover:before {
    border-color: #bbb;
}

.vote-up:before {
    content: "\E763";
}

.vote-down:before {
    content: "\E760";
}

.vote-voted:before, .vote-voted:hover:before {
    border-color: rgba(18, 123, 231, 1);
}

/* Frame */
main, .header-inner {
    margin: 0 auto;
    padding: 0 20px;
    width: 1180px;
}

.footer-inner {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}



/* Columns */
.main-column, .side-column {
    display: inline-block;
    vertical-align: top;
}

.main-column {
    width: 766px;
}

.side-column {
    width: 337px;
    margin-left: 32px;
    margin-top: 16.75px;
}
[dir=rtl] .side-column {
    margin-left: 0;
    margin-right: 45px;
}

/* Header */
.header {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #eee;
}

.header-inner {
    display: table;
    height: 80px;
    padding-top: 90px;
    box-sizing: content-box;
}

.logo, .user-nav {
    display: table-cell;
    vertical-align: middle;
}

.logo img {
    max-height: 60px;
}

.user-nav {
    text-align: right;
}

.user-nav > * {
    display: inline-block;
    margin: 0 0 0 25px;
}
[dir=rtl] .user-nav {
    text-align: left;
}
[dir=rtl] .user-nav > * {
    margin: 0 25px 0 0;
}

/* Home page */
.hero-unit {
    display: block;
    font-size: 22px;
    padding: 40px 60px;
    background-color: transparent;
}

body.community-enabled .knowledge-base, body.community-enabled .community {
    display: inline-block;
    vertical-align: top;
}

body.community-enabled .knowledge-base {
    width: 620px;
}

.clear {
    position: relative;
    display: block;
    clear: both;
}

.global-container {
    margin: 0 auto;
    padding: 0 20px;
    width: 1180px;
/*   width:980px; */
}

.option-links {
    
    width: 1320px;
    margin: 0 auto;
}




.square-container {
    float: left;
    padding-top: 50px;
    width: 300px;
    height: 100%;
    padding-bottom: 50px;
}

.left-icon, .center-icon, .right-icon {
    background-image: url("/hc/theming_assets/01HZM4DH55967KFFV09GVWDG9X");
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.left-gif {
    background-image: url("/hc/theming_assets/01HZM4DN519KTXSY3AQM0Q1YB4");
    margin-left: auto;
    margin-right: auto;
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: 250px;
    width: 300px;
    display: block;
    z-index: 99;
}

.left-gif-div {
    padding: 0px;
    top: 28em;
    box-shadow: rgb(228, 228, 228) 0px 0px 10px;
    left: 0px;
    width: 300px;
    height: 250px;
    position: fixed;
    z-index: 99;
}

.left-icon {
    height: 120px;
    width: 120px;
}

.center-icon {
    background-image: url("/hc/theming_assets/01HZM4DGNFJY3HGV8J5F3YG72Y");
    height: 120px;
    width: 120px;
}

.right-icon {
    background-image: url("//p5.zdassets.com/hc/theme_assets/911659/200210448/academy.png ");
    height: 120px;
    width: 120px;
}

.option-title {
    text-align: center;
    text-transform: uppercase;
    font-family: DNLTM;
    color: #0098d3;
    font-size: 15px;
    padding-top: 25px;
    -webkit-font-smoothing: antialiased;
    font-family: Helvetica;
}

.square-container a {
    color: #0098d3;
    z-index: 99;
}

.separation {
    height: 120px;
    width: 1px;
    background-color: #eaeaea;
    margin-top: 57px;
    float: left;
}

.importance {
    width: 300px;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-bottom: 20px;
}

.happening {
    width: 616px !important;
    margin-right: 20px;
    display: inline-block;
}

.happening h2, .importance h2 {
    font-family: DNLTM;
    text-transform: uppercase;
    font-size: 21px;
    -webkit-font-smoothing: antialiased;
    color: #555555;
    display: inline;
    font-family: DNLTR;
    margin-bottom: 14px;
    margin-right: 15px;
    font-family: Helvetica;
}

.importance-inner, .happening-inner {
    border: 1px #eae9e9 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-bottom: 0px;
}

.importance-tabs, .happening-tabs {
    border-bottom: 1px #eae9e9 solid;
    padding: 15px 30px 15px 30px;
}

.happening .recent-activity {
    background: transparent;
    border-radius: 0;
    padding: 0;
    width: inherit;
}

.happening .category-tree,.importance .category-tree {
    border: 1px #eae9e9 solid;
    border-top: 0px;
}

.happening .category-tree .category,.importance .category-tree .category {
    padding: 30px;
}

.importance-inner .category .section,
.happening-inner section,
.happening-inner .recent-activity {
    width: inherit;
    padding: 30px;
}

.happening-inner section {
    padding-bottom: 10px;
}

.importance-inner h3, .happening-inner h3 {
    display: inline;
    padding-right: 25px;
    font-size: 14px;
}

.promoted-articles, .promoted-articles h3, .recent-activity h2, .recent-activity-list {
    display: none;
}

.importance-tabs a.active, .happening-tabs a.active {
    color: #202020;
    text-decoration: underline;
}

.importance-inner section li, .happening-inner section li {
    margin-bottom: 20px;
}

.importance-inner .see-all-articles,
.recent-activity-controls .cta-button {
    display: block;
    width: 184px;
    height: 40px;
    padding: 11px 0 0 0;
    color: #565656;
    font-weight: normal;
    text-decoration: none;
    background: #f2f2f2;
    border: 0 #f2f2f2 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}

.knowledge-base, .community {
    display: inline-block;
    vertical-align: top;
}

.knowledge-base {
    width: 100%;
}

.community {
    background: #f9f9f9;
    border-radius: 5px;
    display: none;
    padding: 25px 20px;
    margin-top: 65px;
    margin-left: 45px;
    width: 270px;
}
[dir=rtl] .community {
    margin-left: 0;
    margin-right: 45px;
}

.community .recent-activity {
    padding: 0;
    width: auto;
}

.community h2, .community h3, .section h3 {
    color: rgba(18, 123, 231, 1);
    font-size: 13px;
    font-weight: lighter;
    margin: 10px 0 15px;
    text-transform: uppercase;
}

.community h4 {
    font-size: 15px;
    margin-top: 0;
}

.community h4 a {
    font-size: 11px;
    font-weight: normal;
    margin-left: 5px;
}

.community .trending-questions + h4 {
    margin-top: 50px;
}

/* Knowledge base trees */
.article-list li, .community li {
    margin-bottom: 12px;
    //  border-bottom: 1px solid #eee;
}

.article-list > li {
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

.section-tree .article-list > li {
    border-bottom: 1px solid #ddd;
    padding: 12px 0;
    margin: 0;
}

.article-list-3 >li {
/*   width:45%; */
    display: block;
/*   margin:0 2%; */
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
/*   float:left; */
}

.category h2 {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    margin: 25px 0;
    padding-bottom: 18px;
}

.category h2 a, .section h3 a {
    color: inherit;
}

.category-empty, .section {
    display: inline-block;
    padding: 0 30px 30px 20px;
    vertical-align: top;
    width: 49.5%;
}

#happeningRecent,#happeningFeatured,#importAnnounce {
    width: 100%;
    padding: 0px;
}

[dir=rtl] .category-empty, [dir=rtl] .section {
    padding: 0 0 30px 50px;
}

.see-all-articles {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline;
}

.category-description, .section-description {
    color: #bebebe;
    margin-bottom: 50px;
    margin-top: -15px;
}

.category-list a, .section-list a {
    color: inherit;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}

.page-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    min-height: 50px;
    padding-bottom: 15px;
}

.page-header > * {
    display: table-cell;
    vertical-align: middle;
}

.page-header > *:first-child {
    width: 100%;
}

.page-header + p {
    color: #bebebe;
    margin: -15px 0 20px 0;
}

.page-header h1 {
    font-size: 20px;
}

/* Search */
.search-box .search:before, .sub-nav .search .search:before {
    content: "\1F50D";
    font-family: "entypo";
    font-size: 1.25em;
    line-height: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 2.5em;
    z-index: 1;
    right: 0;
}

/* Sub-nav */
.sub-nav {
    display: table;
    margin-bottom: 25px;
    padding: 25px 0;
    table-layout: fixed;
    width: 100%;
}

.sub-nav > * {
    display: table-cell;
}

.sub-nav .breadcrumbs {
    overflow: hidden;
    white-space: nowrap;
}

.sub-nav .search {
    width: 337px;
}

/* Article */
.article-header {
    margin-bottom: 25px;
}
//.article-header h1 {
    //  font-weight: bold;
    //  margin: 0 0 10px;
    //
}

.article-header h1 {
    color: #696969;
    font-family: Geneva, sans-serif, Verdana;
    font-size: 25px;
}

.article-info > * {
    display: table-cell;
    vertical-align: middle;
}

.article-avatar {
    min-width: 55px;
}

.article-avatar img {
    border-radius: 3px;
    max-height: 38px;
    max-width: 38px;
}

.article-meta {
    width: 100%;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-updated {
    display: block;
}

.article-more-questions {
    margin: 15px 0 50px;
}

/* .article-body table {
  table-layout: fixed;
} */
.article-body table {
    table-layout: fixed;
    width: 100%;
}

.article-body {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.article-footer {
    border-bottom: 1px solid #eee;
    margin-top: 15px;
    padding: 20px 0;
}

.article-footer .article-vote, .article-footer .share {
    display: table-cell;
}

.article-vote {
    width: 100%;
}

.article-vote > * {
    display: inline-block;
}

.article-vote-controls {
    margin: 0 5px;
}

.article-vote-count {
    color: #999;
    min-width: 20%;
}

.article-vote-up, .article-vote-down {
    color: inherit;
    font-family: "entypo";
}

.article-vote-up:before {
    content: "\1f44d";
}

.article-vote-down:before {
    content: "\1f44e";
}

.article-vote-up.article-voted {
    color: #6b9100;
    border-color: #6b9100;
}

.article-vote-down.article-voted {
    color: #999;
    border-color: #999;
}

/* Side column */
.side-column h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin: 0 0 20px;
}

.side-column ul {
    margin-bottom: 0px;
}

.side-column li {
    margin-bottom: 10px;
}

.side-column li a {
    font-size: 15px;
}

.visibility-internal-icon:before {
    content: "\1F512";
    display: inline-block;
    font-family: "entypo";
    text-align: center;
    width: 13px;
}

.article-promoted span, .visibility-internal {
    cursor: default;
    position: relative;
}

.article-promoted span:before, .article-promoted span:after, .visibility-internal:before, .visibility-internal:after {
    display: none;
    font-size: 13px;
    font-weight: normal;
    position: absolute;
}

.article-promoted span:before, .visibility-internal:before {
    background: #222;
    border-radius: 3px;
    color: #fff;
    content: attr(data-title);
    font-family: sans-serif;
    left: -10px;
    margin-top: 5px;
    padding: 3px 10px;
    text-transform: none;
    top: 100%;
    white-space: nowrap;
    z-index: 1;
}

.article-promoted span:after, .visibility-internal:after {
    border-bottom: 5px solid #222;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -5px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -5px;
    width: 0;
}

.article-promoted span:hover:before, .article-promoted span:hover:after, .visibility-internal:hover:before, .visibility-internal:hover:after {
    display: block;
}

/* Comments - Article, Request and Post pages */
.comment-list {
    margin-bottom: 25px;
}

.comment-list > * {
    border-bottom: 1px solid #eee;
    padding: 25px 0;
}

.comment-list > *:first-child {
    border-top: 1px solid #eee;
}

.comment-list-header {
    margin-bottom: 18px;
}

.comment-list-header > * {
    display: inline-block;
    margin: 0;
}

.comment-sorter {
    float: right;
}

.comment-sorter a {
    color: #999;
    text-decoration: none;
    padding-left: 20px;
}
[dir=rtl] .comment-sorter {
    float: left;
}
[dir=rtl] .comment-sorter a {
    padding-left: 0;
    padding-right: 20px;
}

.comment-sorter [aria-selected=true] {
    font-weight: bold;
    color: #333;
}

.comment, .comment-form {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
}

.comment > *, .comment-form > * {
    display: table-cell;
    vertical-align: top;
}

.comment-vote, .comment-bookmark {
    text-align: center;
    width: 50px;
}

.comment-bookmark:before {
    color: #77a500;
    content: "\1F516";
    font-family: "entypo";
    font-size: 23px;
    line-height: 1.1;
}

.comment-avatar {
    position: relative;
    width: 85px;
}

.comment-avatar img {
    border-radius: 3px;
    max-width: 65px;
    max-height: 65px;
}

.comment-avatar-agent:after {
    background-color: transparent;
    background-image: url("/hc/theming_assets/01HZM4DHEC3BJGV5PSK2VYS7BR");
    background-image: url("/hc/theming_assets/01HZM4DFR9Q12XPPVP4S67DK32");
    background-repeat: no-repeat;
    background-size: 15px;
    content: " ";
    height: 15px;
    left: 55px;
    position: absolute;
    top: 55px;
    width: 15px;
}
[dir=rtl] .comment-avatar-agent:after {
    left: auto;
    right: 55px;
}

.comment-header {
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment-published, .comment-pending, .comment-official {
    border: 1px solid transparent;
    float: right;
    font-size: 11px;
    padding: 1px 5px;
}
[dir=rtl] .comment-published, [dir=rtl] .comment-pending, [dir=rtl] .comment-official {
    float: left;
}

.comment-published {
    color: #bebebe;
}

.comment-published:before {
    content: " ";
    display: inline-block;
    width: 5px;
}

.comment-pending, .comment-official {
    border-color: currentcolor;
    border-radius: 2px;
}

.comment-pending {
    color: #eec100;
}

.comment-official {
    color: #77a500;
}

.comment-form textarea {
    display: block;
    border-radius: 2px 2px 0 0;
    border-width: 1px;
}

.comment-ccs + textarea,
.comment-attachments {
    margin-top: 10px;
}

.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: right;
}
[dir=rtl] .comment-form-controls {
    text-align: left;
}

.comment-form-controls input[type=submit] {
    margin-left: 15px;
}
[dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
}

.comment-screencasts, .comment-mark-as-solved {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
[dir=rtl] .comment-screencasts, [dir=rtl] .comment-mark-as-solved {
    margin-left: 20px;
}

.comment-actions {
    float: right;
    color: #999;
}
[dir=rtl] .comment-actions {
    float: left;
}

.comment-actions .dropdown-toggle:before {
    content: "\2699";
    font-size: 11px;
    font-family: "entypo";
}

.attachment-list, .screencast-list {
    font-size: 11px;
    margin-top: 25px;
}

.attachment-list span, .screencast-list span {
    color: #999;
}
[dir=rtl] .attachment-list span, [dir=rtl] .screencast-list span {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.attachment-list li, .screencast-list li {
    margin-bottom: 10px;
}

.attachment-list li:before, .screencast-list li:before {
    border-radius: 3px;
    color: #bbb;
    font-family: "entypo";
    margin-right: 5px;
    padding: 5px;
}

.attachment-list li:before {
    content: "\1F4CE";
}

.screencast-list li:before {
    content: "\1F4BB";
}

.my-activities-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding: 25px 0;
}

.my-activities-header .breadcrumbs li {
    color: #000;
    font-size: 20px;
    font-weight: normal;
}

.my-activities-header .breadcrumbs li:first-child, .my-activities-header .breadcrumbs li:before {
    display: none;
}

.my-activities-nav {
    margin-bottom: 100px;
}

.my-activities-sub-nav {
    margin-bottom: 15px;
}

.request-table-toolbar {
    background: #f9f9f9;
    display: table;
    padding: 8px;
    width: 100%;
}

.request-table-filters {
    display: table-cell;
    text-align: right;
}
[dir=rtl] .request-table-filters {
    text-align: left;
}

.request-table-filters label:before {
    content: " ";
    width: 25px;
    display: inline-block;
}

.requests-search {
    border-radius: 20px;
    outline: none;
    padding: 6px 15px;
}

.organization-subscribe, .organization-unsubscribe {
    margin-left: 15px;
    background: #444;
    color: #fff;
}

.request-id {
    color: #bebebe;
}

.request-details {
    background: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    margin: 0 0 30px;
    padding: 15px 20px;
}

.request-details dt ~ dt, .request-details form dt {
    font-weight: bold;
    margin-top: 15px;
}

.request-details dd {
    margin: 2px 0 0;
    word-wrap: break-word;
}

.request-details dd ul {
    margin: 10px 0;
}

.request-details dd li {
    list-style-type: disc;
    list-style-position: inside;
    margin: 0 0 3px 0;
}

.request-details .nested-field-tag:before {
    content: " > ";
}

.request-details .nested-field-tag:first-child:before {
    content: "";
}

.request-details .attachment-list li,
.request-details .request-collaborators li {
    list-style: none;
}

.request-status {
    color: #fff;
    border-radius: 3px;
}

.request-open {
    background: #59bbe0;
}

.request-answered {
    background: #f5ca00;
}

.request-solved {
    background: #828282;
}

.request-details .request-collaborators {
    font-size: 0;
}

.request-details .request-collaborators li {
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 6px;
    background-color: #ececec;
    margin: 0 5px 5px 0;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Community */
.post-to-community a {
    padding-left: 20px;
    padding-right: 20px;
}

.post-to-community a:before {
    content: "\2b\00a0";
    position: relative;
    top: -1px;
}

/* Community topics page */
.topic-list li {
    display: inline-block;
    padding: 0 100px 30px 0;
    vertical-align: top;
    width: 49.5%;
}

.topic-list li h3, .topic-list li p {
    margin: 0;
}

.topic-list li p {
    color: #bebebe;
}

.topic-list li .meta-group {
    margin-top: 5px;
}
[dir=rtl] .topic-list li {
    padding: 0 0 30px 100px;
}

/* Community topic page */
.topic-header {
    margin-bottom: 15px;
}

.topic-header > * {
    display: table-cell;
    vertical-align: middle;
}

.topic-filters {
    width: 100%;
}

.topic-filters > * {
    display: inline-block;
    font-weight: bolder;
    margin-right: 20px;
}
[dir=rtl] .topic-filters > * {
    margin-right: 0;
    margin-left: 20px;
}

.post-overview {
    border-bottom: 1px solid #eee;
    padding: 16px 0;
}

.post-overview-info {
    display: inline-block;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-overview-info a {
    font-size: 16px;
}

.post-overview-info .meta-group {
    display: block;
    margin-top: 5px;
}

.post-pinned .post-overview-info:before {
    content: "\2605";
    margin-right: 5px;
    color: rgba(0, 0, 0, 1);
}

.post-overview-status {
    float: right;
    margin: 0 10px;
}

.post-overview-status > span {
    color: #fff;
}
[dir=rtl] .post-overview-status {
    float: left;
}

.post-overview-count {
    background: #f9f9f9;
    border-radius: 3px;
    color: #bebebe;
    float: right;
    font-size: 10px;
    margin-left: 10px;
    min-width: 90px;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
}

.post-overview-count strong {
    color: rgba(18, 123, 231, 1);
    display: block;
    font-size: 13px;
}
[dir=rtl] .post-overview-count strong {
    direction: ltr;
    unicode-bidi: bidi-override;
}
[dir=rtl] .post-overview-count {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

/* Community post page */
.post-actions .dropdown-toggle {
    font-size: 11px;
    font-weight: bold;
}

.post-actions .dropdown-toggle:before {
    content: "\2699\00a0\00a0";
    font: 11px bold;
    font-family: "entypo";
}

.post {
    display: table;
    margin-bottom: 50px;
    table-layout: fixed;
    width: 100%;
}

.post-vote, .post-container {
    display: table-cell;
    vertical-align: top;
}

.post-vote {
    width: 45px;
    padding-top: 5px;
}

.post-header {
    margin-bottom: 25px;
}

.post-header h1 {
    margin: 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-info {
    display: table;
    width: 100%;
}

.post-info > * {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.post-avatar {
    min-width: 55px;
    position: relative;
}

.post-avatar img {
    border-radius: 3px;
    max-height: 38px;
    max-width: 38px;
}

.post-avatar-agent:after {
    background-color: transparent;
    background-image: url("/hc/theming_assets/01HZM4DHEC3BJGV5PSK2VYS7BR");
    background-image: url("/hc/theming_assets/01HZM4DFR9Q12XPPVP4S67DK32");
    background-repeat: no-repeat;
    background-size: 14px;
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    left: 28px;
    top: -10.5px;
    content: " ";
}
[dir=rtl] .post-avatar-agent:after {
    left: auto;
    right: 28px;
}

.post-meta {
    width: 100%;
    max-width: 0;
}

.post-author {
    display: block;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.post-status > span {
    color: #fff;
    margin: 0 10px;
}

.post-planned {
    background-color: #3eaae5;
}

.post-not-planned {
    background-color: #b5b5b5;
}

.post-completed {
    background-color: #669600;
}

.post-answered {
    background-color: #669600;
}

.post-share {
    margin-top: 30px;
    text-align: right;
}
[dir=rtl] .post-share {
    text-align: left;
}

/* Community post page and topic page */
.topic-follow [role=button], .post-follow [role=button] {
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 10px;
}

.topic-follow [role=button]:after, .post-follow [role=button]:after {
    content: attr(data-follower-count);
    color: rgba(18, 123, 231, 1);
    display: inline-block;
    border-left: 1px solid #ddd;
    margin-left: 10px;
    padding-left: 10px;
}
[dir=rtl] .topic-follow [role=button]:after, [dir=rtl] .post-follow [role=button]:after {
    border-left: 0;
    border-right: 1px solid #ddd;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

.topic-follow [role=button][aria-selected=true], .post-follow [role=button][aria-selected=true] {
    background: #f9f9f9;
    color: rgba(18, 123, 231, 1);
}

body.community-enabled .search-results-column {
    display: inline-block;
    vertical-align: top;
    width: 450px;
}

body.community-enabled .search-results-column + .search-results-column {
    margin-left: 35px;
}
[dir=rtl] body.community-enabled .search-results-column + .search-results-column {
    margin-left: 0;
    margin-right: 35px;
}

.search-results-subheading {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.search-results-subheading-link {
    font-size: 13px;
    font-weight: normal;
    margin-left: 5px;
}

.search-results-list {
    margin-bottom: 25px;
}

.search-results-list > * {
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.search-results-list > *:first-child {
    border-top: 1px solid #eee;
}

.search-result-link {
    font-size: 16px;
}

.search-result-description em {
    //font-weight: bold;
    //background-color: #FFF3CA;
    color: red;
    //padding: 0px 3px 2px;
}

.search-result-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 16px;
}

.search-result-meta-name, .search-result-meta-time, .search-result-meta-count {
    font-size: 12px;
    color: #bebebe;
}

.search-result-meta-time:before, .search-result-meta-count:before {
    display: inline-block;
    content: "\2022";
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
[dir=ltr] .search-result-meta-time:before, [dir=ltr] .search-result-meta-count:before {
    padding-right: 5px;
}
[dir=rtl] .search-result-meta-time:before, [dir=rtl] .search-result-meta-count:before {
    padding-left: 5px;
}

.search-result-votes {
    background: #a8d119;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 4px 5px;
    position: relative;
    top: -2px;
}

.search-result-votes:before {
    content: "\1F44D";
    font-family: "entypo";
}
[dir=ltr] .search-result-votes {
    margin-left: 5px;
}
[dir=ltr] .search-result-votes:before {
    margin-right: 3px;
}
[dir=rtl] .search-result-votes {
    margin-right: 5px;
}
[dir=rtl] .search-result-votes:before {
    margin-left: 3px;
}

.chat {
    background: #f6f6f6;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    bottom: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    font-size: 13px;
    line-height: 35px;
    padding: 0 15px;
    position: fixed;
    right: 85px;
    transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
    content: "\E720";
    font-family: "entypo";
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.chat:hover {
    text-decoration: none;
}

.chat-available {
    bottom: 0;
}

.chat-unavailable {
    color: #808080;
    cursor: default !important;
    bottom: -50px;
}

.error-page {
    margin: 0 auto;
    max-width: 500px;
    padding-top: 5%;
}

.error-page h1 {
    font-size: 52px;
    margin-bottom: 0;
}

.error-page h2 {
    font-size: 16px;
    margin-bottom: 5px;
}

.error-page > a {
    display: block;
    margin-top: 25px;
}

.recent-activity {
    background: #f2f4f4;
    border-radius: 5px;
    padding: 0px 0px;
    width: auto;
}

.recent-activity-header {
    margin-top: 0;
    font-size: 15px;
}

.recent-activity-item ~ .recent-activity-item {
    margin-top: 15px;
}

.recent-activity-item-parent {
    color: rgba(18, 123, 231, 1);
    font-size: 13px;
    text-decoration: none;
    display: block;
}

.recent-activity-item-parent:hover {
    text-decoration: underline;
}

.recent-activity-item-link {
    display: block;
}

.recent-activity-item-meta {
    font-size: 12px;
    color: #999;
}

.recent-activity-item-time {
    display: inline-block;
}

.recent-activity-item-comment {
    display: none;
}

.recent-activity-item-comment:before {
    display: inline-block;
    content: "\2022";
}

.recent-activity-item-comment span:before {
    font-family: "entypo";
    content: "\00a0\00a0\e718";
    display: inline-block;
    vertical-align: middle;
    padding-right: 3px;
}

[data-recent-activity-action="article_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="post_comment_added"] .recent-activity-item-comment,
[data-recent-activity-action="answer_added"] .recent-activity-item-comment {
    display: inline-block;
}

.recent-activity-controls,
.recent-activity-loader {
    padding-top: 20px;
    font-size: 12px;
}

.recent-activity-loader {
    display: inline-block;
    position: relative;
}

.recent-activity-loader:before {
    display: block;
    position: absolute;
    content: "\0020";
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f9f9f9 50%, rgba(255, 255, 255, 0) 100%);
    animation: recent-activity-loader .5s infinite;
}

@keyframes recent-activity-loader {
    0% {
        left: 0;
    }

    100% {
        left: 100%;
    }
}

.escalation-badge, a.escalation-badge {
    background-color: #95be22;
    border-color: #95be22;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    font-size: 11px;
    margin: 0 3px;
    padding: 1px 3px;
    text-decoration: none;
    vertical-align: baseline;
}
/* User Profiles */

.profile-header {
    border-bottom: 1px solid #eee;
    padding: 25px 0;
    font-family: Helvetica;
    display: flex;
    flex-wrap: wrap;
}

.stat-label,.stat-value {
    font-size: 15px;
    font-family: Helvetica;
}

/* Yeastar  Copyright*/

.footer-content {
    background-color: #fff;
    color: #6a6a6a;
    font-size: 14px;
    width: 100%;
    border-top: 1px solid #eae9e9;
    margin-top: 100px;
}

.content-area {
    max-width: 1600px;
    padding-top: 45px;
    margin: 0 auto;
}

.footer-left {
    width: 49%;
    display: inline-block;
}

.footer-left .followlink {
    width: 40%;
    margin: auto;
}

.footer-right {
    width: 49%;
    display: inline-block;
    position: relative;
    top: -8px;
}

.footer-right .right-content {
    width: 44%;
    margin: 0 auto;
}

.copy {
    margin: 1rem 0 1.8rem;
}
/*font-icon*/
.linkblock img {
    display: block;
    position: relative;
    top: 0;
    transition: top .35s;
    margin: 10px auto 0;
}

.followlink .linkblock {
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .35s;
    margin: 0 2px;
}
.followlink .twitter {
    width: 26px;
}
.followlink .twitter img {
    width: 18px;
    margin-top: 14px;
}
.followlink .linkblock:hover img {
    top: -36px;
    color: #fff;
}

.followlink .linkblock:nth-child(1):hover {
    background: #13b4e9;
}

.followlink .linkblock:nth-child(2):hover {
    background: #3b5998;
}

.followlink .linkblock:nth-child(4):hover {
    background: #3b5998;
}

.followlink .linkblock:nth-child(3):hover {
    background: #007bb6;
}

.followlink .linkblock:nth-child(5):hover {
    background-color: #dd111c;
}

.followlink .linkblock:nth-child(6):hover {
    background: #005F61;
}

.followlink .linkblock:last-child:hover {
    background: #dd111c;
}
/*footer-content-right*/
.contacts-nav a {
    text-decoration: none;
    outline: none;
    color: #6a6a6a;
}

.contacts-nav a:hover {
    color: #158ec2;
}

.contacts-nav {
    margin-bottom: 3rem;
}
.clear-float {
    clear: both;
}
iframe#launcher {
    display: none;
}
@media(max-width: 1500px) {
    /*menu*/
    div.header-menu .header-nav-menu ul.nav-menu-academy li.has-children ul li:nth-child(1),
    div.header-menu .header-nav-menu ul.nav-menu-partners li.has-children ul li:nth-child(1) {
        max-width: 100%;
    }
    div.header-menu .header-nav-menu ul.nav-menu-company li.has-children ul li:nth-child(1) {
        min-height: 3.6vw;
    }
    .content-area {
        max-width: 1300px;
    }

    .footer-right .right-content {
        width: 61%;
    }

    .footer-left {
        width: 50%;
    }

    .footer-left .followlink {
        width: 47%;
    }

    .footer-right {
        width: 48%;
    }

    .left-gif {
        height: 167px;
        width: 200px;
    }

    .left-gif-div {
        background-image: url('/hc/theming_assets/01HZM4D9J3590SDFYZH9WVWSAE');
        height: 167px;
        width: 200px;
    }
}
@media(max-width: 1390px) {
    div.header-menu .header-nav-menu ul.nav-menu-1>li:hover .nav-menu-2.nav-menu-resources {
        padding-left: 6vw;
    }
    div.header-menu .header-nav-menu ul.nav-menu-3 li a {
        font-size: 14px;
    }
    div.header-menu .header-nav-menu ul.nav-menu-2 li a {
        font-size: 15px
    }
}
@media(max-width: 1280px) {
    .footer-left .followlink {
        width: 50%;
    }
    .footer-right .right-content {
        width: 58%;
    }
    .header-menu {
      padding: 0 30px;
  }
}

@media(max-width: 1152px) {
    /*header-menu*/
    div.header-menu .header-nav-menu ul.nav-menu-1 li {
        padding-right: 10px;
    }
    div.header-menu {
        padding: 5px 10px;
    }
    div.header-menu .header-nav-menu ul.nav-menu-academy li.has-children ul li:nth-child(1) {
        min-height: 5vw;
    }
    div.header-menu .header-nav-menu ul.nav-menu-1 li a {
        font-size: 14px;
    }
    div.free-trial a, .menu-download a {
        padding: 5px 10px !important;
    }
    .footer-left .followlink {
        width: 55%;
    }
    .footer-right .right-content {
        width: 66%;
    }
    .header-menu .header-nav-menu ul.nav-menu-2 li a {
        font-size: 14px;
    }
    .header-menu .header-nav-menu ul.nav-menu-3 li a {
        font-size: 13px;
    }

}

@media(max-width: 1024px) {
    .footer-left .followlink {
        width: 62%;
    }

    .footer-right .right-content {
        width: 76%;
    }
    .header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-2 {
        min-width: 900px;
    }
    #site-header-inner {
        min-width: 95% !important;
    }
}

@media(max-width: 800px) {
    .footer-left .followlink,
    .footer-right .right-content {
        width: 100%;
    }

    .footer-right {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .profile-header {
        flex-wrap: nowrap;
    }
}

.profile-header .profile-info {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
}

.profile-avatar {
    position: relative;
    margin-right: 10px;
}

[dir=rtl] .profile-avatar {
    margin-left: 10px;
    margin-right: 0;
}

.profile-avatar .avatar {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.profile-avatar-agent:after {
    background-color: transparent;
    background-image: url("/hc/theming_assets/01HZM4DHEC3BJGV5PSK2VYS7BR");
    background-image: url("/hc/theming_assets/01HZM4DFR9Q12XPPVP4S67DK32");
    background-repeat: no-repeat;
    background-size: 15px;
    position: absolute;
    width: 15px;
    height: 15px;
    content: "";
    bottom: 0;
    right: 0;
}

[dir=rtl] .profile-avatar-agent:after {
    left: 0;
}

.profile-header .basic-info {
    justify-content: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.profile-header .basic-info .name {
    margin: 0;
    font-family: Helvetica;
    color: #03363d;
    font-size: 32px;
}

.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.profile-header .options :not(:last-child) {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .profile-header .options {
        flex-wrap: nowrap;
        flex-basis: auto;
        margin-top: 0;
    }

    .profile-header .options :not(:last-child) {
        margin-bottom: 0;
        margin-right: 10px;
    }
  [ dir=rtl] .profile-header .options :not(:last-child) {
        margin-left: 10px;
        margin-right: 0;
    }
}

.profile-header .options [data-action="edit-profile"] {
    background: #444;
    border-color: #444 transparent #222;
    color: #fff;
    flex-basis: 100%;
    text-align: center;
}

.profile-header .description {
    margin: 15px 0;
    flex-basis: 100%;
}

.profile-stats {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.profile-stats .stat {
    display: flex;
    margin-bottom: 10px;
}

.profile-stats .stat-label {
    color: #999;
    flex: 0 0 100px;
    margin-right: 10px;
}

[dir=rtl] .profile-stats .stat-label {
    margin-left: 10px;
    margin-right: 0;
}

.profile-stats-activity {
    border-top: solid 1px #ddd;
}

@media (min-width: 768px) {
    .profile-stats-activity {
        border-top: 0;
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat {
        flex-direction: column;
    }
}

.profile-stats-activity .stat:first-child {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .profile-stats-activity .stat:first-child {
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat:not(:last-child) {
        margin-right: 40px;
    }
  [ dir=rtl] .profile-stats-activity .stat:not(:last-child) {
        margin-left: 40px;
        margin-right: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-activity .stat-label {
        flex: 0 1 auto;
    }
}

.profile-stats-counters {
    border-bottom: solid 1px #ddd;
}

@media (min-width: 768px) {
    .profile-stats-counters {
        flex: 0 0 200px;
        border-bottom: 0;
        margin-left: 40px;
    }
  [ dir=rtl] .profile-stats-counters {
        margin-left: 0;
        margin-right: 40px;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters {
        flex: 0 0 270px;
        margin-left: 60px;
    }
  [ dir=rtl] .profile-stats-counters {
        margin-right: 60px;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat {
        flex-direction: column;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters .stat {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .profile-stats-counters .stat-label {
        flex: 0 1 auto;
    }
}

@media (min-width: 1024px) {
    .profile-stats-counters .stat-label {
        flex: 0 0 100px;
    }
}

.profile-private-badge {
    flex-basis: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    padding: 5px 10px;
}

.profile-private-badge:after {
    content: "\1f512";
    font-family: "Entypo";
    margin-left: 5px;
}

@media (min-width: 768px) {
    .profile-private-badge {
        flex-basis: auto;
    }
}

.profile-nav {
    margin-bottom: 40.5px;
    border-bottom: 1px solid #eee;
    padding: 10.5px 0;
}

.profile-section {
    width: 100%;
    font-family: Helvetica;
}

@media (min-width: 1024px) {
    .profile-section {
        width: calc(100% - 330px);
    }
}

.profile-section-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.profile-section-title {
    flex-basis: 100%;
    margin: 0;
    color: #03363d;
    font-size: 24px;
    font-weight: bold;
}

.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    font-size: 15px;
    color: #464646;
}

@media (min-width: 768px) {
    .profile-section-description {
        flex: 1 0 auto;
        padding-bottom: 0;
    }
}

.profile-section-sorter {
    flex-basis: 100%;
    border-top: solid 1px #eee;
}

.profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%;
}

.profile-section-sorter .dropdown-toggle::after {
    position: absolute;
    right: 0;
}

[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
    left: 0;
    right: initial;
}

@media (min-width: 768px) {
    .profile-section-sorter .dropdown-toggle::after {
        position: relative;
    }
}

@media (min-width: 768px) {
    .profile-section-sorter {
        flex: 0 1 auto;
        padding-top: 0;
        border-top: 0;
    }
}

.profile-contribution {
    padding: 20px 0;
    word-wrap: break-word;
    position: relative;
}

.profile-contribution-header {
    margin-bottom: 5px;
    font-size: 15px;
}

.profile-contribution-title {
    margin: 0 0 5px 0;
    display: inline;
    line-height: 21px;
    vertical-align: middle;
}

.profile-contribution-breadcrumbs > li {
    display: inline;
    word-wrap: break-word;
}

.profile-contribution-body {
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.5;
}

.profile-contribution-meta {
    display: flex;
    font-size: 11px;
    line-height: 18px;
    color: #ccc;
}

.profile-contribution-meta > .meta-data:not(:last-child)::after {
    content: "\00B7";
    padding: 0 5px;
}

.profile-contribution-list > .profile-contribution {
    border-top: 1px solid #eee;
}

@media (min-width: 768px) {
    .profile-contribution-list > .profile-contribution {
        padding-left: 33px;
    }
  [ dir=rtl] .profile-contribution-list > .profile-contribution {
        padding-right: 33px;
        padding-left: 0;
    }
}

.profile-contribution-list > .profile-contribution:last-child {
    border-bottom: 1px solid #eee;
}

.profile-contribution-list > .profile-contribution::before {
    left: 0;
    top: 16px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    position: absolute;
    content: "";
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 50% 50%;
}

.profile-contribution-list .profile-contribution-header {
    margin-left: 33px;
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 33px;
    padding-left: 0;
}

@media (min-width: 768px) {
    .profile-contribution-list .profile-contribution-header {
        margin-left: 0;
    }
  [ dir=rtl] .profile-contribution-list .profile-contribution-header {
        padding-right: 0;
    }
}

.profile-comments .profile-contribution-breadcrumbs {
    margin-left: 33px;
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 33px;
    padding-left: 0;
}

@media (min-width: 768px) {
    .profile-comments .profile-contribution-breadcrumbs {
        margin-left: 0;
    }
  [ dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
        padding-right: 0;
    }
}

.profile-section .no-activity,
.profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999;
}

.profile-section .private-activity:before {
    content: "\1f512";
    font-family: "Entypo";
    margin-right: 10px;
}

.profile-activity-list {
    margin-top: 25px;
}

.profile-activity {
    position: relative;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .profile-activity {
        padding-left: 20px;
    }
  [ dir=rtl] .profile-activity {
        padding-right: 20px;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .profile-activity:not(:last-child) {
        border-left: 1px solid #ddd;
    }
  [ dir=rtl] .profile-activity:not(:last-child) {
        border-left: 0;
        border-right: 1px solid #ddd;
    }
}

.profile-activity-header {
    display: flex;
    align-items: center;
    margin-left: 35px;
}

[dir=rtl] .profile-activity-header {
    margin-left: 0;
    margin-right: 35px;
}

@media (min-width: 768px) {
    .profile-activity-header {
        margin-left: 0;
    }
  [ dir=rtl] .profile-activity-header {
        margin-right: 0;
    }
}

.profile-activity-header .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

[dir=rtl] .profile-activity-header .avatar {
    margin-left: 10px;
    margin-right: 0;
}

.profile-activity-description {
    margin: 0;
    font-size: 15px;
}

.profile-activity-description span:first-child {
    font-weight: bold;
    display: block;
}

@media (min-width: 768px) {
    .profile-activity-description span:first-child {
        display: inline;
    }
}

.profile-activity-contribution {
    padding: 20px;
    margin-top: 10px;
    border-radius: 8px;
    border: 1px solid #eee;
}

@media (min-width: 768px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px;
    }
  [ dir=rtl] .profile-activity-contribution {
        margin-left: 0;
        margin-right: 50px;
    }
}

.profile-activity:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 40px;
    border-radius: 50%;
    content: "";
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 50% 50%;
}

[dir=rtl] .profile-activity:before {
    right: 0;
}

@media (min-width: 768px) {
    .profile-activity:before {
        left: -14px;
    }
  [ dir=rtl] .profile-activity:before {
        right: -14px;
    }
}

.profile-contribution-list > .profile-contribution::before {
    left: 0;
    top: 16px;
    width: 28px;
    line-height: 28px;
}

[dir=rtl] .profile-contribution-list > .profile-contribution::before {
    right: 0;
}

.profile-articles > .profile-contribution::before,
.profile-activity-list > li[class$="-article"]:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='#ccc'><path d='M54.8 0H9.2a3 3 0 0 0-3 3V61a3 3 0 0 0 3 3H54.8a3 3 0 0 0 3-3V3A3 3 0 0 0 54.8 0Zm-3 58H12.3V6h39.5V58Z'/><path d='M21.7 22.6H42.4a3 3 0 0 0 0-6H21.7A3 3 0 1 0 21.7 22.6Z'/><path d='M21.7 35H42.4a3 3 0 0 0 0-6H21.7A3 3 0 1 0 21.7 35Z'/><path d='M21.7 47.4H42.4a3 3 0 0 0 0-6H21.7A3 3 0 1 0 21.7 47.4Z'/></g></svg>");
}

.profile-posts > .profile-contribution::before,
.profile-activity-list > li[class$="-post"]:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 64 64'><g fill='#ccc'><path d='M17 17.5H46.8a3 3 0 0 0 0-6H17A3 3 0 0 0 17 17.5Z'/><path d='M46.9 23.1H17.1a3 3 0 0 0 0 6H46.9A3 3 0 0 0 46.9 23.1Z'/><path d='M17 40.8H46.8a3 3 0 0 0 0-6H17A3 3 0 0 0 17 40.8Z'/><path d='M60.2 0H3.8a3 3 0 0 0-3 3V51.2a3 3 0 0 0 3 3H37.6l6.7 8.6a3 3 0 0 0 4.8 0l6.7-8.6H60.2a3 3 0 0 0 3-3V3A3 3 0 0 0 60.2 0Zm-3 48.2H54.2a3 3 0 0 0-2.4 1.2l-5.2 6.7-5.2-6.7A3 3 0 0 0 39 48.2H6.8V6H57.2V48.2Z'/></g></svg>");
}

.profile-comments > .profile-contribution::before,
.profile-activity-list > li[class$="-comment"]:before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='#ccc'><path d='M46.7 64a2.9 2.9 0 0 1-0.6-0.1c-6.6-1.4-11.8-7.1-14-9.8H32C15.9 54.2 2.8 42 2.8 27.1S15.9 0 32 0 61.2 12.2 61.2 27.1A26.7 26.7 0 0 1 47.5 50a50.3 50.3 0 0 0 2.1 10A3 3 0 0 1 46.7 64Zm-4.5-8.4a27 27 0 0 1-0.7-7.7 3 3 0 0 1 1.7-2.4c7.4-3.7 12-10.8 12-18.4C55.1 15.5 44.8 6 32 6s-23.1 9.4-23.1 21 10.4 21 23.1 21c0.4 0 0.8 0 1.1 0A3.3 3.3 0 0 1 36 49.4 32 32 0 0 0 42.2 55.6Z'/></g></svg>");
}

.profile-contribution-breadcrumbs > li a {
    color: #158ec2;
    font-size: 14px;
}

.header-menu {
    padding: 5px 80px;
    box-shadow: #ccc 0 1px 12px !important;
    position: fixed;
    width: 100%;
    z-index: 99;
    background: white;
}

.header-menu .logo {
    display: inline-block;
}

.header-menu .logo a {
    display: block;
    margin: 12.5px 0;
    height: 55px;
    /*background: url("/hc/theming_assets/01HZM4DKPMWB58WVHGEJ81BB48") no-repeat;*/
    width: 180px;
}

.header-menu .header-nav-menu {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.header-menu .header-nav-menu a {
    text-decoration: none;
}

.header-menu .header-nav-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.header-menu .header-nav-menu ul.nav-menu-1 {
    height: 55px;
    margin-top: 14px;
}

.header-menu .header-nav-menu ul.nav-menu-1 li {
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    /* position: relative; */
    padding-right: 35px;
    /* height: 46px; */
    margin-top: 20px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li:hover>a.menu-title {
    position: relative;
    padding-bottom: 30px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li>a.menu-title:after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    position: relative;
    top: 24px;;
    background: #006ee1;
    transition: all 0.3s ease-in-out;
    transform: scale3d(0,1,1);
    transform-origin: 50% 0;
}
.header-menu .header-nav-menu ul.nav-menu-1>li:hover>a:after {
    transform: scale3d(1,1,1);
    width: 100%;
}
/* free trial nav */
.free-trial a,.menu-download a {
    padding: 5px 15px !important;
    background: #f7ab00;
    color: #fff !important;
    border-radius: 18px;
}
.menu-download a {
    background: #0081cc;
}
.header-menu .header-nav-menu ul.nav-menu-1>.menu-download:hover>a {
    border-bottom: none;
    background: #09abf1;
}
.header-menu .header-nav-menu ul.nav-menu-1>.free-trial:hover>a {
    border-bottom: none;
    background: #ffbc25;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-2 {
  width: 1200px;
  min-width: 1200px;
  max-width: 95%;
  position: absolute;
  top: 90px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: #fff !important;
  border: none;
  z-index: 10001;
  padding: 0 0 40px 2.5vw;
  box-shadow: 0px 3px 20px 0px hsl(200deg 16% 22% / 10%);
  overflow: hidden;
}
.header-menu .header-nav-menu ul.nav-menu-1>li:hover .nav-menu-2 {
    display: block;
}
.header-menu .header-nav-menu ul.nav-menu-1 li a {
    font-size: 16px;
    cursor: pointer;
    color: #101f3a;
}
.header-menu .header-nav-menu ul.nav-menu-1 li.has-edit {
  height: 51px;
}
.header-menu .header-nav-menu ul.nav-menu-2 {
    background: #303c42;
    display: none;
    z-index: 99;
}
.header-menu .header-nav-menu ul.nav-menu-global,
.header-menu .header-nav-menu .nav-menu-search {
    background: #f9f9f9;
    padding: 12px 0px;
    position: absolute;
    top: 93px;
    border-top: 3px solid #004277;
    width: 160px;
    padding: 15px;
    right: 19px;
    box-sizing: border-box;
    display: none;
    z-index: 99;
}

.header-menu .header-nav-menu .nav-menu-search {
    top: 89px;
    right: 80px;
    z-index: 98;
}
.header-menu .header-nav-menu ul.nav-menu-2 li {
    padding-right: 0px;
    height: auto;
    margin: 0px;
}
/*nav-menu-product*/
.header-menu .header-nav-menu ul.nav-menu-1>li ul.nav-menu-product {
  padding: 0;
}
.header-menu .header-nav-menu ul.nav-menu-product li.has-children {
  display: inline-block;
  width: 18.3%;
  vertical-align: top;
  padding: 35px 0 0;
  min-height: 260px;
}
.header-menu .header-nav-menu ul.nav-menu-product li.has-children:nth-child(2) {
  width: 19.3%;
}
.header-menu .header-nav-menu ul.nav-menu-product li.has-children:first-child {
  width: 24%;
  background: linear-gradient(-45deg,#94DBFF,#F5FCFF);
  padding: 30px 0 0 20px;
  margin-right: 20px;
}
.header-menu .header-nav-menu ul.nav-menu-product li.menu-intro {
  margin: 8px 0 17px;
}
.header-menu .header-nav-menu ul.nav-menu-product li.text-bg-gray:nth-child(5) {
    width: 27%;
    margin-left: 3.5vw;
    padding-top: 40px;
}
.header-menu .header-nav-menu ul.nav-menu-product li.has-children:first-child img {
  width: 52px;
  height: 52px;
  background-color: #006EE1;
  border-radius: 10px;
  margin-bottom: 12px;
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.header-menu .header-nav-menu ul.nav-menu-product li.has-children:first-child>a {
  line-height: initial;
}
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-trial,
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-video {
  font-size: 14px;
  display: inline-block;
  padding: 0 30px 0 6px!important;
  color: #006EE1;
  position: relative;
  line-height: 26px!important;
  margin-right: 6px;
  /* margin-left: 15px; */
  min-width: 102px;
  font-weight: 600;
}
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-trial::before,
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-video::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #006ee1;
  border-radius: 13px;
  position: absolute;
  top: 1px;
  right: 0;
  transition: all 0.3s;
}
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-trial::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 9px;
  background: url(/hc/theming_assets/01HZM4DFK7M60Y1P6SPPZVD8CE) right center no-repeat;
  background-size: cover;
  position: absolute;
  right: 7px;
  top: 9px;
}
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-video::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 9px;
  background: url(/hc/theming_assets/01HZM4DNHC46JEFJVJGCYYQ29H) right center no-repeat;
  background-size: cover;
  position: absolute;
  right: 9px;
  top: 9px;
}
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-trial:hover::before,
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-video:hover::before {
  width: 100%;
}
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-trial:hover,
.header-menu .header-nav-menu ul.nav-menu-product .menu-cloud-video:hover {
  padding-left: 11px!important;
}
.header-menu .header-nav-menu ul.nav-menu-2 li.text-bg-gray>a {
    background: #eff2f5;
    padding: 0 12px;
    font-weight: 400;
    margin-bottom: 6px;
    border-radius: 5px;
    font-size: 14px;
    cursor: initial;
    color: #303c42;
    line-height: 25px;
    display: inline-block;
}
.header-menu .header-nav-menu ul.nav-menu-2 li.text-bg-gray>a:hover {
    color: #303c42;
}
.header-menu .header-nav-menu ul.nav-menu-3 li a {
    font-size: 14px;
    line-height: 32px;
}
.header-menu .header-nav-menu ul.nav-menu-3 .weight-bold a {
    font-weight: 600;
    margin-bottom: 3px;
}
div.header-menu .header-nav-menu ul.nav-menu-product li.bgcolor-gray {
    padding: 72px 0 0 20px;
}
.menu-dot {
    position: relative;
    padding-left: 16px;
    left: 4px;
}
.menu-dot:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #006ee1;
    border-radius: 50%;
    position: absolute;
    top: 13px;
    left: 0;
}
.header-menu .header-nav-menu ul.nav-menu-3 li.other-services a {
    font-weight: 600;
    font-size: 16px !important;
    font-family: Manrope !important;
    margin-top: 40px;
    display: block;
}
.header-menu .header-nav-menu ul li.menu-no-link>a {
    cursor: initial;
    color: #303c42;
}
.header-menu .header-nav-menu ul li.menu-no-link>a:hover {
    color: #303c42;
}
.header-menu .header-nav-menu ul.nav-menu-3 li.menu-intro a {
    line-height: 26px;
    cursor: initial;
}
.header-menu .header-nav-menu ul.nav-menu-3 li.menu-intro a:hover {
    color: #303c42;
}
.header-menu .header-nav-menu ul.nav-menu-3 li.menu-a-link a {
    color: #006ee1;
    margin-top: 10px;
}
.img-svg,
.learn-svg {
    width: 14px;
    position: relative;
    top: 4px;
    left: 3px;
}
.header-menu .header-nav-menu ul.nav-menu-product .img-svg:last-child {
  display: none;
}
.header-menu .header-nav-menu ul.nav-menu-2 li a:hover .img-svg:last-child {
  display: inline-block;
}
.header-menu .header-nav-menu ul.nav-menu-product li a:hover .img-svg:first-child {
  display: none;
}
.down-link {
    position: relative;
    top: 4px;
    left: -5px;
    width: 25px;
}
.header-menu .header-nav-menu ul.nav-menu-3 li.menu-a-link a:hover {
    text-decoration: underline;
}
/*nav-menu-solution*/
.header-menu .header-nav-menu ul.nav-menu-solution .has-children {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding-bottom: 11px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-solution {
    padding-top: 26px;
}
.header-menu .header-nav-menu ul.nav-menu-solution .bgcolor-gray img {
    width: 90%;
    margin-right: 8px;
}
.header-menu .header-nav-menu ul.nav-menu-solution li.bgcolor-gray li {
    margin-top: 20px;
}
.header-menu .header-nav-menu ul.nav-menu-solution li.bgcolor-gray li:last-child {
  margin-top: 0px;
}
.header-menu .header-nav-menu ul.nav-menu-solution li.bgcolor-gray li a {
    display: flex;
    align-items: center;
    line-height: 25px;
}
/*nav-menu-resources*/
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-resources {
  padding: 20px 0 30px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-resources li.has-children:first-child {
  position: absolute;
  width: 26%;
  left: 0;
  padding: 8px 0 20px 2.2vw;
  margin-left: 0;
}
.header-menu .header-nav-menu .nav-menu-resources li.menu-no-content {
  opacity: 0;
}
.header-menu .header-nav-menu .nav-menu-resources img {
  width: 75%;
  margin: 21px 0;
}
.header-menu .header-nav-menu ul.nav-menu-resources li.has-children,
.header-menu .header-nav-menu ul.nav-menu-resources li.menu-no-content {
  display: inline-block;
  vertical-align: top;
  width: 16.3%;
  padding: 8px 0 20px 0;
  position: relative;
}
.header-menu .header-nav-menu ul.nav-menu-resources li.menu-no-link>a {
    font-weight: 600;
}
.header-menu .header-nav-menu ul.nav-menu-resources .has-children:nth-child(3),
.header-menu .header-nav-menu ul.nav-menu-resources .has-children:nth-child(7),
.header-menu .header-nav-menu ul.nav-menu-resources .has-children:nth-child(11) {
  margin: 0 6% 0 14%;
}
.menu-btn-link a span {
    display: inline-block;
    background: #006EE1;
    color: #fff !important;
    padding: 3px 15px;
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
}
.menu-btn-link a:hover span:after {
    content: "";
    display: inline-block;
    -moz-animation: menubtn 0.7s;
    -webkit-animation: menubtn 0.7s;
    animation: menubtn 0.7s;
    width: 15px;
    height: 15px;
    position: absolute;
    background: rgba(255,255,255,0.15);
    border-radius: 50%;
    animation-iteration-count: infinite;
    animation-duration: 1.3s;
    left: 0;
    right: 0;
    top: 0.5vw;
    margin: auto;
    line-height: 30px;
}
@keyframes menubtn {
    0% {transform: scale(1);}
    10% {transform: scale(2);}
    20% {transform: scale(3);}
    30% {transform: scale(4);}
    40% {transform: scale(5);}
    50% {transform: scale(6);}
    60% {transform: scale(7);}
    70% {transform: scale(8);}
    80% {transform: scale(9);}
    90% {transform: scale(10);}
    100% {transform: scale(11);}
}
.menu-new-img {
  width: 90%;
  display: block;
}
/*nav-menu-academy*/
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy {
    padding-top: 22px;
    padding-bottom: 50px;
}
.menu-btn-link img {
    display: block;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.has-children,
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.menu-no-content {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-left: 10px;
    position: relative;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.has-children:nth-child(1) {
    position: absolute;
    width: 32%;
    left: 0;
    padding-left: 2.2vw;
    margin-left: 0;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.has-children:nth-child(3) {
    padding-top: 0;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.has-children:nth-child(3),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.has-children:nth-child(6),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.has-children:nth-child(9) {
    padding: 2px 0 25px 1.6vw;
    margin-left: 1.2vw;
    cursor: initial;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.bgcolor-gray {
    padding-top: 80px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-academy li.bgcolor-gray a {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    white-space: nowrap;
}
/*nav-menu-partners*/
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-partners {
    padding-bottom: 65px;
    padding-top: 55px;
}
.header-menu .header-nav-menu ul.nav-menu-partners li.has-children {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    padding: 0 20px 0 0;
}
.header-menu .header-nav-menu ul.nav-menu-1>li:hover ul.nav-menu-partners img {
    margin-bottom: 22px;
    height: 2.1vw;
    min-height: 31px;
}
div.header-menu .header-nav-menu ul.nav-menu-partners li.bgcolor-gray {
    padding-top: 80px;
}
.header-menu .header-nav-menu ul.nav-menu-partners li.bgcolor-gray a {
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
}
/*nav-menu-company*/
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company {
    padding-top: 30px;
    min-height: 380px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company li.has-children {
    display: inline-block;
    vertical-align: top;
    width: 34%;
    margin-right: 8px;
    padding-bottom: 11px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(6),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(7),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(1),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(3),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(4) {
    width: 28%;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(8),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(7),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(4),
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(5) {
    margin-top: 25px;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(8) span {
  display: block;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li:nth-child(3) {
    opacity: 0;
}
.header-menu .header-nav-menu ul.nav-menu-1>li .nav-menu-company>li.bgcolor-gray img {
    margin: 10px 0;
    width: 300px;
    height: auto;
    display: block;
}
.header-menu .header-nav-menu .nav-menu-company ul.nav-menu-3 li a {
    line-height: 25px;
}
.header-menu .header-nav-menu .nav-menu-company .new-tag {
  position: relative;
}
.header-menu .header-nav-menu .nav-menu-company .new-tag::before {
  content: "New";
  font-size: 14px;
  color: #fff;
  background-color: #f5b418;
  display: inline-block;
  border-radius: 20px;
  padding: 0 10px;
  position: absolute;
  top: 8px;
  left: 38%;
}
/* menu-commont */
.header-menu .header-nav-menu ul.nav-menu-2 li a {
    font-weight: bold;
    line-height: 36px;
}
.header-menu .header-nav-menu ul.nav-menu-2 li a:hover {
    color: #006ee1;
}
.header-menu .header-nav-menu ul.nav-menu-2 li.menu-no-link>a:hover {
    color: #303c42;
}
.header-menu .header-nav-menu ul.nav-menu-3 li {
    display: block;
    width: 100%;
}
.header-menu .header-nav-menu ul.nav-menu-3 li a {
    font-size: 14px;
    display: block;
    font-weight: normal;
    color: #303c4f;
    line-height: 32px;
}
.header-menu .header-nav-menu .first-menu .intro-width {
    max-width: 300px;
}
.header-menu .header-nav-menu ul.nav-menu-support .nav-menu-3 li a {
    color: #252525;
}
.header-menu .header-nav-menu ul.nav-menu-2 li.bgcolor-gray {
    width: 27%;
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
    margin-right: 0;
    padding: 25px 15px 15px 25px;
    background: #f7f9fa;
}
/* search */
.search-globlt {
    padding-right: 5px !important;
}

.searchIt,.globeIt {
    display: block;
    height: 26px;
    margin-top: 0px;
    width: 25px;
}

.searchIt {
    background: url("/hc/theming_assets/01HZM4DHR6MB2YC3HW2R074ZBF") no-repeat;
}

.globeIt {
    background: url("/hc/theming_assets/01HZM4DC7FPW74HA5NVAFZW6X3") no-repeat;
}

.header-menu .header-nav-menu ul.nav-menu-1>li:hover .searchIt {
    border: 0px;
    background: url("/hc/theming_assets/01HZM4DH9SQK1T33S42RVWN341") no-repeat;
}

.header-menu .header-nav-menu ul.nav-menu-1>li:hover .globeIt {
    border: 0px;
    background: url("/hc/theming_assets/01HZM4DK2MK6P5ZCA7HY9DGXDZ") no-repeat;
}

span.intro {
    display: block;
    color: #615b5b;
    font-size: 12px;
    margin-top: 3px;
}

span.cinfo {
    color: #656565;
    font-weight: normal;
    line-height: 26px;
}

.header-menu .header-nav-menu ul.nav-menu-1 .nav-menu-global li {
    height: auto;
    line-height: 35px;
    font-size: 14.42px;
    margin-top: 0px;
    padding: 0px;
    display: block;
}

.header-menu .header-nav-menu ul.nav-menu-1 .nav-menu-global li a {
    display: block;
            /*width:100%;*/
    color: #2f2f2f;
    padding: 0 12px;
    font-size: 14.42px;
}

.header-menu .header-nav-menu .nav-menu-search #csearch {
    padding: 8px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0px;
    border: 0px;
    line-height: 23px;
    outline: none;
}

.header-inner .logo a {
    color: #333;
    font-size: 26px;
    text-decoration: none;
}

.header-inner .logo a:hover {
    color: #585858;
}

.header-menu-sticky {
    background: #fff;
}

.header-menu.header-menu-sticky .logo a {
    /*background: url("/hc/theming_assets/01HZM4DETTJJK2T2G4JHS15H10") no-repeat;*/
    width: 180px;
}

.linkus-titile-ippbx a {
    font-size: 14px !important;
    padding: 8px 12px !important;
    display: block !important;
    margin: 1px 5px !important;
    font-weight: bold !important;
    color: #004277 !important;
    line-height: 20px !important;
}

.header-menu-sticky.header-menu .header-nav-menu ul.nav-menu-1>li:hover .nav-menu-2 {
    background: #3d4a59;
}

.header-menu-sticky  span.intro,.header-menu-sticky  span.cinfo {
    color: white;
}

.space-fill {
    height: 10px;
    opacity: 0;
}

.linkus-titile-ippbx a:hover {
    color: white !important;
    background: #004277 !important;
}

.home-wrap {
    width: 980px;
    margin: 0 auto;
    padding: 0 20px;
}

.home-test {
    display: none;
}

h1.text-uppercase {
    font-size: 32px;
    color: #0098d3;
    text-transform: uppercase !important;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    margin-bottom: 10px;
}

.card-header {
    background-color: transparent !important;
    padding: 0.85rem 1.25rem !important;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header .collapse-title {
    font-size: 16px;
    margin: 0;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-block h4 {
    padding: 0 0 12px;
    border-bottom: 1px solid #eee;
    font-family: 'PNR' !important;
}

.card-block .row {
    display: flex;
    flex-wrap: wrap;
}

.col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.kb li {
    margin-bottom: 8px;
}

.see-more-articles {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
}
[data-toggle='collapse'] .card-header::before {
    color: #158ec2;
    font-weight: bolder;
    font-family: "entypo";
    content: "\E767";
    float: right;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
[data-toggle='collapse'].collapsed .card-header::before {
    transform: rotate(-180deg);
}

.card>a:hover, .card>a:active, .card>a {
    text-decoration: none;
}

.collapse {
    display: none;
}

.collapse.show {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

#home_knowledge {
    margin-bottom: 3rem !important;
    max-width: 940px;
    margin: 0 auto;
}

#knowledge_accordion a {
    font-size: 14px;
}

.split :nth-child(2) li:nth-child(2n-1) {
    display: none;
}

.split :nth-child(1) li:nth-child(2n) {
    display: none;
}

.section-homecats {
    display: flex;
    display: table;
    /* IE < 10, Opera *Presto* Desktop (Now dead) */
    display: -webkit-box;
    /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
    display: -moz-box;
    /* Firefox 2 - 27 (2009 Spec), UCMini Android */
    display: -ms-flexbox;
    /* IE10 (2012 Syntax) */
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: left;
    flex-direction: row;
    text-align: left;
}

.section-homecats .section, .section-homecats ul {
    flex: 0 0 45%;
}

#happeningFeatured h3 {
    display: none;
}

#happeningFeatured li {
    margin: 10px 0;
}





/*new home page部分*/
.relative{
  position:relative;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-100 {
  z-index: 100;
}

.z-auto {
  z-index: auto;
}

.z-fixed {
  z-index: 96;
}

.z-sticky {
  z-index: 97;
}

.z-dropdown {
  z-index: 99;
}


.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 2rem;
    padding-top: 0px;
    padding-right: 2rem;
    padding-bottom: 0px;
    padding-left: 2rem;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding: 0 2rem;
}

.flex-container {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .flex-container {
    flex-direction: row;
    align-items: flex-end;
  }
}




.row {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row-flush {
  margin-right: 0;
  margin-left: 0;
}

.row-flush > [class*="col"] {
  padding-right: 0;
  padding-left: 0;
}

.row-sm {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.row-sm > [class*="col"] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.row-lg {
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

.row-lg > [class*="col"] {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .sm\:col-1, .sm\:col-2, .sm\:col-3, .sm\:col-4, .sm\:col-5, .sm\:col-6, .sm\:col-7, .sm\:col-8, .sm\:col-9, .sm\:col-10, .sm\:col-11, .sm\:col-12, .sm\:col,
.sm\:col-auto, .md\:col-1, .md\:col-2, .md\:col-3, .md\:col-4, .md\:col-5, .md\:col-6, .md\:col-7, .md\:col-8, .md\:col-9, .md\:col-10, .md\:col-11, .md\:col-12, .md\:col,
.md\:col-auto, .lg\:col-1, .lg\:col-2, .lg\:col-3, .lg\:col-4, .lg\:col-5, .lg\:col-6, .lg\:col-7, .lg\:col-8, .lg\:col-9, .lg\:col-10, .lg\:col-11, .lg\:col-12, .lg\:col,
.lg\:col-auto, .xl\:col-1, .xl\:col-2, .xl\:col-3, .xl\:col-4, .xl\:col-5, .xl\:col-6, .xl\:col-7, .xl\:col-8, .xl\:col-9, .xl\:col-10, .xl\:col-11, .xl\:col-12, .xl\:col,
.xl\:col-auto {
  position: relative;
  padding-right: 1rem;
  padding-left: 1rem;
  width: 100%;
  min-height: 1px;
  min-width: 0;
}

.recent-articles,
.related-articles
 {
  position: relative;
  padding-right: 0rem;
  padding-left: 0rem;
  width: 100%;
  min-height: 1px;
  min-width: 0;

}



.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 1 0 300px;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-order-1 {
  order: 1;
}

.col-order-2 {
  order: 2;
}

.col-order-3 {
  order: 3;
}

.col-order-4 {
  order: 4;
}

.col-order-5 {
  order: 5;
}

.col-order-6 {
  order: 6;
}

.col-order-7 {
  order: 7;
}

.col-order-8 {
  order: 8;
}

.col-order-9 {
  order: 9;
}

.col-order-10 {
  order: 10;
}

.col-order-11 {
  order: 11;
}

.col-order-12 {
  order: 12;
}

.col-offset-1 {
  margin-left: 8.3333333333%;
}

.col-offset-2 {
  margin-left: 16.6666666667%;
}

.col-offset-3 {
  margin-left: 25%;
}

.col-offset-4 {
  margin-left: 33.3333333333%;
}

.col-offset-5 {
  margin-left: 41.6666666667%;
}

.col-offset-6 {
  margin-left: 50%;
}

.col-offset-7 {
  margin-left: 58.3333333333%;
}

.col-offset-8 {
  margin-left: 66.6666666667%;
}

.col-offset-9 {
  margin-left: 75%;
}

.col-offset-10 {
  margin-left: 83.3333333333%;
}

.col-offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .sm\:col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .sm\:col-auto {
    flex: 1 0 300px;
  }
  .sm\:col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .sm\:col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .sm\:col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .sm\:col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .sm\:col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .sm\:col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .sm\:col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .sm\:col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .sm\:col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .sm\:col-order-1 {
    order: 1;
  }
  .sm\:col-order-2 {
    order: 2;
  }
  .sm\:col-order-3 {
    order: 3;
  }
  .sm\:col-order-4 {
    order: 4;
  }
  .sm\:col-order-5 {
    order: 5;
  }
  .sm\:col-order-6 {
    order: 6;
  }
  .sm\:col-order-7 {
    order: 7;
  }
  .sm\:col-order-8 {
    order: 8;
  }
  .sm\:col-order-9 {
    order: 9;
  }
  .sm\:col-order-10 {
    order: 10;
  }
  .sm\:col-order-11 {
    order: 11;
  }
  .sm\:col-order-12 {
    order: 12;
  }
  .sm\:col-offset-0 {
    margin-left: 0;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333333333%;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6666666667%;
  }
  .sm\:col-offset-3 {
    margin-left: 25%;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333333333%;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6666666667%;
  }
  .sm\:col-offset-6 {
    margin-left: 50%;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333333333%;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6666666667%;
  }
  .sm\:col-offset-9 {
    margin-left: 75%;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333333333%;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .md\:col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .md\:col-auto {
    flex: 1 0 300px;
  }
  .md\:col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .md\:col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .md\:col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .md\:col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .md\:col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .md\:col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .md\:col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .md\:col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .md\:col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .md\:col-order-1 {
    order: 1;
  }
  .md\:col-order-2 {
    order: 2;
  }
  .md\:col-order-3 {
    order: 3;
  }
  .md\:col-order-4 {
    order: 4;
  }
  .md\:col-order-5 {
    order: 5;
  }
  .md\:col-order-6 {
    order: 6;
  }
  .md\:col-order-7 {
    order: 7;
  }
  .md\:col-order-8 {
    order: 8;
  }
  .md\:col-order-9 {
    order: 9;
  }
  .md\:col-order-10 {
    order: 10;
  }
  .md\:col-order-11 {
    order: 11;
  }
  .md\:col-order-12 {
    order: 12;
  }
  .md\:col-offset-0 {
    margin-left: 0;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333333333%;
  }
  .md\:col-offset-2 {
    margin-left: 16.6666666667%;
  }
  .md\:col-offset-3 {
    margin-left: 25%;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333333333%;
  }
  .md\:col-offset-5 {
    margin-left: 41.6666666667%;
  }
  .md\:col-offset-6 {
    margin-left: 50%;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333333333%;
  }
  .md\:col-offset-8 {
    margin-left: 66.6666666667%;
  }
  .md\:col-offset-9 {
    margin-left: 75%;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333333333%;
  }
  .md\:col-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .lg\:col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .lg\:col-auto {
    flex: 1 0 300px;
  }
  .lg\:col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .lg\:col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .lg\:col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .lg\:col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .lg\:col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .lg\:col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .lg\:col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .lg\:col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .lg\:col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lg\:col-order-1 {
    order: 1;
  }
  .lg\:col-order-2 {
    order: 2;
  }
  .lg\:col-order-3 {
    order: 3;
  }
  .lg\:col-order-4 {
    order: 4;
  }
  .lg\:col-order-5 {
    order: 5;
  }
  .lg\:col-order-6 {
    order: 6;
  }
  .lg\:col-order-7 {
    order: 7;
  }
  .lg\:col-order-8 {
    order: 8;
  }
  .lg\:col-order-9 {
    order: 9;
  }
  .lg\:col-order-10 {
    order: 10;
  }
  .lg\:col-order-11 {
    order: 11;
  }
  .lg\:col-order-12 {
    order: 12;
  }
  .lg\:col-offset-0 {
    margin-left: 0;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333333333%;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6666666667%;
  }
  .lg\:col-offset-3 {
    margin-left: 25%;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333333333%;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6666666667%;
  }
  .lg\:col-offset-6 {
    margin-left: 50%;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333333333%;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6666666667%;
  }
  .lg\:col-offset-9 {
    margin-left: 75%;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333333333%;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .xl\:col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .xl\:col-auto {
    flex: 1 0 300px;
  }
  .xl\:col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .xl\:col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .xl\:col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .xl\:col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .xl\:col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .xl\:col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .xl\:col-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .xl\:col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .xl\:col-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .xl\:col-order-1 {
    order: 1;
  }
  .xl\:col-order-2 {
    order: 2;
  }
  .xl\:col-order-3 {
    order: 3;
  }
  .xl\:col-order-4 {
    order: 4;
  }
  .xl\:col-order-5 {
    order: 5;
  }
  .xl\:col-order-6 {
    order: 6;
  }
  .xl\:col-order-7 {
    order: 7;
  }
  .xl\:col-order-8 {
    order: 8;
  }
  .xl\:col-order-9 {
    order: 9;
  }
  .xl\:col-order-10 {
    order: 10;
  }
  .xl\:col-order-11 {
    order: 11;
  }
  .xl\:col-order-12 {
    order: 12;
  }
  .xl\:col-offset-0 {
    margin-left: 0;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xl\:col-offset-3 {
    margin-left: 25%;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xl\:col-offset-6 {
    margin-left: 50%;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xl\:col-offset-9 {
    margin-left: 75%;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6666666667%;
  }
}


.flex {
  display: flex !important;
  z-index: 1;
}

.inline-flex {
  display: inline-flex !important;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
  z-index: 1;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

@media (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-column {
    flex-direction: column;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:flex-column {
    flex-direction: column;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width: 992px) {
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:flex-column {
    flex-direction: column;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1200px) {
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:flex-column {
    flex-direction: column;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse;
  }
}




/*少了一个custom blocks和一个content blocks？？？*/

.block {
  display: block !important;
}

.bg-custom-blocks {
  background-color: #fff;
}

.bg-content-blocks {
  background-color: #fff;
}
/*少了一个custom blocks？？？*/


.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media (min-width: 576px) {
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-right {
    text-align: right;
  }
  .sm\:text-center {
    text-align: center;
  }
  .sm\:text-justify {
    text-align: justify;
  }
}

@media (min-width: 768px) {
  .md\:text-left {
    text-align: left;
  }
  .md\:text-right {
    text-align: right;
  }
  .md\:text-center {
    text-align: center;
  }
  .md\:text-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .lg\:text-left {
    text-align: left;
  }
  .lg\:text-right {
    text-align: right;
  }
  .lg\:text-center {
    text-align: center;
  }
  .lg\:text-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .xl\:text-left {
    text-align: left;
  }
  .xl\:text-right {
    text-align: right;
  }
  .xl\:text-center {
    text-align: center;
  }
  .xl\:text-justify {
    text-align: justify;
  }
}

.text-secondary {
  color: #397170;
}

.hover\:text-secondary:hover {
  color: #397170;
}



.align-content-start {
  align-content: flex-start;
}

.align-content-end {
  align-content: flex-end;
}

.align-content-center {
  align-content: center;
}

.align-content-between {
  align-content: space-between;
}

.align-content-around {
  align-content: space-around;
}

.align-content-stretch {
  align-content: stretch;
}

@media (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start;
  }
  .sm\:align-content-end {
    align-content: flex-end;
  }
  .sm\:align-content-center {
    align-content: center;
  }
  .sm\:align-content-between {
    align-content: space-between;
  }
  .sm\:align-content-around {
    align-content: space-around;
  }
  .sm\:align-content-stretch {
    align-content: stretch;
  }
}

@media (min-width: 768px) {
  .md\:align-content-start {
    align-content: flex-start;
  }
  .md\:align-content-end {
    align-content: flex-end;
  }
  .md\:align-content-center {
    align-content: center;
  }
  .md\:align-content-between {
    align-content: space-between;
  }
  .md\:align-content-around {
    align-content: space-around;
  }
  .md\:align-content-stretch {
    align-content: stretch;
  }
}

@media (min-width: 992px) {
  .lg\:align-content-start {
    align-content: flex-start;
  }
  .lg\:align-content-end {
    align-content: flex-end;
  }
  .lg\:align-content-center {
    align-content: center;
  }
  .lg\:align-content-between {
    align-content: space-between;
  }
  .lg\:align-content-around {
    align-content: space-around;
  }
  .lg\:align-content-stretch {
    align-content: stretch;
  }
}

@media (min-width: 1200px) {
  .xl\:align-content-start {
    align-content: flex-start;
  }
  .xl\:align-content-end {
    align-content: flex-end;
  }
  .xl\:align-content-center {
    align-content: center;
  }
  .xl\:align-content-between {
    align-content: space-between;
  }
  .xl\:align-content-around {
    align-content: space-around;
  }
  .xl\:align-content-stretch {
    align-content: stretch;
  }
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

@media (min-width: 576px) {
  .sm\:align-items-start {
    align-items: flex-start;
  }
  .sm\:align-items-end {
    align-items: flex-end;
  }
  .sm\:align-items-center {
    align-items: center;
  }
  .sm\:align-items-baseline {
    align-items: baseline;
  }
  .sm\:align-items-stretch {
    align-items: stretch;
  }
}

@media (min-width: 768px) {
  .md\:align-items-start {
    align-items: flex-start;
  }
  .md\:align-items-end {
    align-items: flex-end;
  }
  .md\:align-items-center {
    align-items: center;
  }
  .md\:align-items-baseline {
    align-items: baseline;
  }
  .md\:align-items-stretch {
    align-items: stretch;
  }
}

@media (min-width: 992px) {
  .lg\:align-items-start {
    align-items: flex-start;
  }
  .lg\:align-items-end {
    align-items: flex-end;
  }
  .lg\:align-items-center {
    align-items: center;
  }
  .lg\:align-items-baseline {
    align-items: baseline;
  }
  .lg\:align-items-stretch {
    align-items: stretch;
  }
}

@media (min-width: 1200px) {
  .xl\:align-items-start {
    align-items: flex-start;
  }
  .xl\:align-items-end {
    align-items: flex-end;
  }
  .xl\:align-items-center {
    align-items: center;
  }
  .xl\:align-items-baseline {
    align-items: baseline;
  }
  .xl\:align-items-stretch {
    align-items: stretch;
  }
}

.align-self-auto {
  align-self: auto;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.align-self-center {
  align-self: center;
}

.align-self-baseline {
  align-self: baseline;
}

.align-self-stretch {
  align-self: stretch;
}

@media (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto;
  }
  .sm\:align-self-start {
    align-self: flex-start;
  }
  .sm\:align-self-end {
    align-self: flex-end;
  }
  .sm\:align-self-center {
    align-self: center;
  }
  .sm\:align-self-baseline {
    align-self: baseline;
  }
  .sm\:align-self-stretch {
    align-self: stretch;
  }
}

@media (min-width: 768px) {
  .md\:align-self-auto {
    align-self: auto;
  }
  .md\:align-self-start {
    align-self: flex-start;
  }
  .md\:align-self-end {
    align-self: flex-end;
  }
  .md\:align-self-center {
    align-self: center;
  }
  .md\:align-self-baseline {
    align-self: baseline;
  }
  .md\:align-self-stretch {
    align-self: stretch;
  }
}

@media (min-width: 992px) {
  .lg\:align-self-auto {
    align-self: auto;
  }
  .lg\:align-self-start {
    align-self: flex-start;
  }
  .lg\:align-self-end {
    align-self: flex-end;
  }
  .lg\:align-self-center {
    align-self: center;
  }
  .lg\:align-self-baseline {
    align-self: baseline;
  }
  .lg\:align-self-stretch {
    align-self: stretch;
  }
}

@media (min-width: 1200px) {
  .xl\:align-self-auto {
    align-self: auto;
  }
  .xl\:align-self-start {
    align-self: flex-start;
  }
  .xl\:align-self-end {
    align-self: flex-end;
  }
  .xl\:align-self-center {
    align-self: center;
  }
  .xl\:align-self-baseline {
    align-self: baseline;
  }
  .xl\:align-self-stretch {
    align-self: stretch;
  }
}


.-mt-1px {
  margin-top: -1px;
}

.-mb-1px {
  margin-bottom: -1px;
}

.m-0 {
  margin: 0;
}

.mt-0,
.my-0 {
  margin-top: 0;
}

.mr-0,
.mx-0 {
  margin-right: 0;
}

.mb-0,
.my-0 {
  margin-bottom: 0;
}

.ml-0,
.mx-0 {
  margin-left: 0;
}

.-m-0 {
  margin: 0;
}

.-mt-0,
.-my-0 {
  margin-top: 0;
}

.-mr-0,
.-mx-0 {
  margin-right: 0;
}

.-mb-0,
.-my-0 {
  margin-bottom: 0;
}

.-ml-0,
.-mx-0 {
  margin-left: 0;
}

.m-1 {
  margin: 0.25rem;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem;
}

.-m-1 {
  margin: -0.25rem;
}

.-mt-1,
.-my-1 {
  margin-top: -0.25rem;
}

.-mr-1,
.-mx-1 {
  margin-right: -0.25rem;
}

.-mb-1,
.-my-1 {
  margin-bottom: -0.25rem;
}

.-ml-1,
.-mx-1 {
  margin-left: -0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem;
}

.-m-2 {
  margin: -0.5rem;
}

.-mt-2,
.-my-2 {
  margin-top: -0.5rem;
}

.-mr-2,
.-mx-2 {
  margin-right: -0.5rem;
}

.-mb-2,
.-my-2 {
  margin-bottom: -0.5rem;
}

.-ml-2,
.-mx-2 {
  margin-left: -0.5rem;
}

.m-3 {
  margin: 0.75rem;
}

.mt-3,
.my-3 {
  margin-top: 0.75rem;
}

.mr-3,
.mx-3 {
  margin-right: 0.75rem;
}

.mb-3,
.my-3 {
  margin-bottom: 0.75rem;
}

.ml-3,
.mx-3 {
  margin-left: 0.75rem;
}

.-m-3 {
  margin: -0.75rem;
}

.-mt-3,
.-my-3 {
  margin-top: -0.75rem;
}

.-mr-3,
.-mx-3 {
  margin-right: -0.75rem;
}

.-mb-3,
.-my-3 {
  margin-bottom: -0.75rem;
}

.-ml-3,
.-mx-3 {
  margin-left: -0.75rem;
}

.m-4 {
  margin: 1rem;
}

.mt-4,
.my-4 {
  margin-top: 1rem;
}

.mr-4,
.mx-4 {
  margin-right: 1rem;
}

.mb-4,
.my-4 {
  margin-bottom: 1rem;
}

.ml-4,
.mx-4 {
  margin-left: 1rem;
}

.-m-4 {
  margin: -1rem;
}

.-mt-4,
.-my-4 {
  margin-top: -1rem;
}

.-mr-4,
.-mx-4 {
  margin-right: -1rem;
}

.-mb-4,
.-my-4 {
  margin-bottom: -1rem;
}

.-ml-4,
.-mx-4 {
  margin-left: -1rem;
}

.m-5 {
  margin: 1.5rem;
}

.mt-5,
.my-5 {
  margin-top: 1.5rem;
}

.mr-5,
.mx-5 {
  margin-right: 1.5rem;
}

.mb-5,
.my-5 {
  margin-bottom: 1.5rem;
}

.ml-5,
.mx-5 {
  margin-left: 1.5rem;
}

.-m-5 {
  margin: -1.5rem;
}

.-mt-5,
.-my-5 {
  margin-top: -1.5rem;
}

.-mr-5,
.-mx-5 {
  margin-right: -1.5rem;
}

.-mb-5,
.-my-5 {
  margin-bottom: -1.5rem;
}

.-ml-5,
.-mx-5 {
  margin-left: -1.5rem;
}

.m-6 {
  margin: 2rem;
}

.mt-6,
.my-6 {
  margin-top: 2rem;
}

.mr-6,
.mx-6 {
  margin-right: 2rem;
}

.mb-6,
.my-6 {
  margin-bottom: 2rem;
}

.ml-6,
.mx-6 {
  margin-left: 2rem;
}

.-m-6 {
  margin: -2rem;
}

.-mt-6,
.-my-6 {
  margin-top: -2rem;
}

.-mr-6,
.-mx-6 {
  margin-right: -2rem;
}

.-mb-6,
.-my-6 {
  margin-bottom: -2rem;
}

.-ml-6,
.-mx-6 {
  margin-left: -2rem;
}

.m-7 {
  margin: 3rem;
}

.mt-7,
.my-7 {
  margin-top: 3rem;
}

.mr-7,
.mx-7 {
  margin-right: 3rem;
}

.mb-7,
.my-7 {
  margin-bottom: 3rem;
}

.ml-7,
.mx-7 {
  margin-left: 3rem;
}

.-m-7 {
  margin: -3rem;
}

.-mt-7,
.-my-7 {
  margin-top: -3rem;
}

.-mr-7,
.-mx-7 {
  margin-right: -3rem;
}

.-mb-7,
.-my-7 {
  margin-bottom: -3rem;
}

.-ml-7,
.-mx-7 {
  margin-left: -3rem;
}

.m-8 {
  margin: 4rem;
}

.mt-8,
.my-8 {
  margin-top: 5rem;
}

.mr-8,
.mx-8 {
  margin-right: 4rem;
}

.mb-8,
.my-8 {
  margin-bottom: 4rem;
}

.ml-8,
.mx-8 {
  margin-left: 4rem;
}

.-m-8 {
  margin: -4rem;
}

.-mt-8,
.-my-8 {
  margin-top: -4rem;
}

.-mr-8,
.-mx-8 {
  margin-right: -4rem;
}

.-mb-8,
.-my-8 {
  margin-bottom: -4rem;
}

.-ml-8,
.-mx-8 {
  margin-left: -4rem;
}

.m-9 {
  margin: 6rem;
}

.mt-9,
.my-9 {
  margin-top: 6rem;
}

.mr-9,
.mx-9 {
  margin-right: 6rem;
}

.mb-9,
.my-9 {
  margin-bottom: 6rem;
}

.ml-9,
.mx-9 {
  margin-left: 6rem;
}

.-m-9 {
  margin: -6rem;
}

.-mt-9,
.-my-9 {
  margin-top: -6rem;
}

.-mr-9,
.-mx-9 {
  margin-right: -6rem;
}

.-mb-9,
.-my-9 {
  margin-bottom: -6rem;
}

.-ml-9,
.-mx-9 {
  margin-left: -6rem;
}

.mt-10,
.my-10 {
  margin-top: 9rem;
}

.m-auto {
  margin: auto;
}

.mt-auto,
.my-auto {
  margin-top: auto;
}

.mr-auto,
.mx-auto {
  margin-right: auto;
}

.mb-auto,
.my-auto {
  margin-bottom: auto;
}

.ml-auto,
.mx-auto {
  margin-left: auto;
}

@media (min-width: 576px) {
  .sm\:m-0 {
    margin: 0;
  }
  .sm\:mt-0,
  .sm\:my-0 {
    margin-top: 0;
  }
  .sm\:mr-0,
  .sm\:mx-0 {
    margin-right: 0;
  }
  .sm\:mb-0,
  .sm\:my-0 {
    margin-bottom: 0;
  }
  .sm\:ml-0,
  .sm\:mx-0 {
    margin-left: 0;
  }
  .sm\:-m-0 {
    margin: 0;
  }
  .sm\:-mt-0,
  .sm\:-my-0 {
    margin-top: 0;
  }
  .sm\:-mr-0,
  .sm\:-mx-0 {
    margin-right: 0;
  }
  .sm\:-mb-0,
  .sm\:-my-0 {
    margin-bottom: 0;
  }
  .sm\:-ml-0,
  .sm\:-mx-0 {
    margin-left: 0;
  }
  .sm\:m-1 {
    margin: 0.25rem;
  }
  .sm\:mt-1,
  .sm\:my-1 {
    margin-top: 0.25rem;
  }
  .sm\:mr-1,
  .sm\:mx-1 {
    margin-right: 0.25rem;
  }
  .sm\:mb-1,
  .sm\:my-1 {
    margin-bottom: 0.25rem;
  }
  .sm\:ml-1,
  .sm\:mx-1 {
    margin-left: 0.25rem;
  }
  .sm\:-m-1 {
    margin: -0.25rem;
  }
  .sm\:-mt-1,
  .sm\:-my-1 {
    margin-top: -0.25rem;
  }
  .sm\:-mr-1,
  .sm\:-mx-1 {
    margin-right: -0.25rem;
  }
  .sm\:-mb-1,
  .sm\:-my-1 {
    margin-bottom: -0.25rem;
  }
  .sm\:-ml-1,
  .sm\:-mx-1 {
    margin-left: -0.25rem;
  }
  .sm\:m-2 {
    margin: 0.5rem;
  }
  .sm\:mt-2,
  .sm\:my-2 {
    margin-top: 0.5rem;
  }
  .sm\:mr-2,
  .sm\:mx-2 {
    margin-right: 0.5rem;
  }
  .sm\:mb-2,
  .sm\:my-2 {
    margin-bottom: 0.5rem;
  }
  .sm\:ml-2,
  .sm\:mx-2 {
    margin-left: 0.5rem;
  }
  .sm\:-m-2 {
    margin: -0.5rem;
  }
  .sm\:-mt-2,
  .sm\:-my-2 {
    margin-top: -0.5rem;
  }
  .sm\:-mr-2,
  .sm\:-mx-2 {
    margin-right: -0.5rem;
  }
  .sm\:-mb-2,
  .sm\:-my-2 {
    margin-bottom: -0.5rem;
  }
  .sm\:-ml-2,
  .sm\:-mx-2 {
    margin-left: -0.5rem;
  }
  .sm\:m-3 {
    margin: 0.75rem;
  }
  .sm\:mt-3,
  .sm\:my-3 {
    margin-top: 0.75rem;
  }
  .sm\:mr-3,
  .sm\:mx-3 {
    margin-right: 0.75rem;
  }
  .sm\:mb-3,
  .sm\:my-3 {
    margin-bottom: 0.75rem;
  }
  .sm\:ml-3,
  .sm\:mx-3 {
    margin-left: 0.75rem;
  }
  .sm\:-m-3 {
    margin: -0.75rem;
  }
  .sm\:-mt-3,
  .sm\:-my-3 {
    margin-top: -0.75rem;
  }
  .sm\:-mr-3,
  .sm\:-mx-3 {
    margin-right: -0.75rem;
  }
  .sm\:-mb-3,
  .sm\:-my-3 {
    margin-bottom: -0.75rem;
  }
  .sm\:-ml-3,
  .sm\:-mx-3 {
    margin-left: -0.75rem;
  }
  .sm\:m-4 {
    margin: 1rem;
  }
  .sm\:mt-4,
  .sm\:my-4 {
    margin-top: 1rem;
  }
  .sm\:mr-4,
  .sm\:mx-4 {
    margin-right: 1rem;
  }
  .sm\:mb-4,
  .sm\:my-4 {
    margin-bottom: 1rem;
  }
  .sm\:ml-4,
  .sm\:mx-4 {
    margin-left: 1rem;
  }
  .sm\:-m-4 {
    margin: -1rem;
  }
  .sm\:-mt-4,
  .sm\:-my-4 {
    margin-top: -1rem;
  }
  .sm\:-mr-4,
  .sm\:-mx-4 {
    margin-right: -1rem;
  }
  .sm\:-mb-4,
  .sm\:-my-4 {
    margin-bottom: -1rem;
  }
  .sm\:-ml-4,
  .sm\:-mx-4 {
    margin-left: -1rem;
  }
  .sm\:m-5 {
    margin: 1.5rem;
  }
  .sm\:mt-5,
  .sm\:my-5 {
    margin-top: 1.5rem;
  }
  .sm\:mr-5,
  .sm\:mx-5 {
    margin-right: 1.5rem;
  }
  .sm\:mb-5,
  .sm\:my-5 {
    margin-bottom: 1.5rem;
  }
  .sm\:ml-5,
  .sm\:mx-5 {
    margin-left: 1.5rem;
  }
  .sm\:-m-5 {
    margin: -1.5rem;
  }
  .sm\:-mt-5,
  .sm\:-my-5 {
    margin-top: -1.5rem;
  }
  .sm\:-mr-5,
  .sm\:-mx-5 {
    margin-right: -1.5rem;
  }
  .sm\:-mb-5,
  .sm\:-my-5 {
    margin-bottom: -1.5rem;
  }
  .sm\:-ml-5,
  .sm\:-mx-5 {
    margin-left: -1.5rem;
  }
  .sm\:m-6 {
    margin: 2rem;
  }
  .sm\:mt-6,
  .sm\:my-6 {
    margin-top: 2rem;
  }
  .sm\:mr-6,
  .sm\:mx-6 {
    margin-right: 2rem;
  }
  .sm\:mb-6,
  .sm\:my-6 {
    margin-bottom: 2rem;
  }
  .sm\:ml-6,
  .sm\:mx-6 {
    margin-left: 2rem;
  }
  .sm\:-m-6 {
    margin: -2rem;
  }
  .sm\:-mt-6,
  .sm\:-my-6 {
    margin-top: -2rem;
  }
  .sm\:-mr-6,
  .sm\:-mx-6 {
    margin-right: -2rem;
  }
  .sm\:-mb-6,
  .sm\:-my-6 {
    margin-bottom: -2rem;
  }
  .sm\:-ml-6,
  .sm\:-mx-6 {
    margin-left: -2rem;
  }
  .sm\:m-7 {
    margin: 3rem;
  }
  .sm\:mt-7,
  .sm\:my-7 {
    margin-top: 3rem;
  }
  .sm\:mr-7,
  .sm\:mx-7 {
    margin-right: 3rem;
  }
  .sm\:mb-7,
  .sm\:my-7 {
    margin-bottom: 3rem;
  }
  .sm\:ml-7,
  .sm\:mx-7 {
    margin-left: 3rem;
  }
  .sm\:-m-7 {
    margin: -3rem;
  }
  .sm\:-mt-7,
  .sm\:-my-7 {
    margin-top: -3rem;
  }
  .sm\:-mr-7,
  .sm\:-mx-7 {
    margin-right: -3rem;
  }
  .sm\:-mb-7,
  .sm\:-my-7 {
    margin-bottom: -3rem;
  }
  .sm\:-ml-7,
  .sm\:-mx-7 {
    margin-left: -3rem;
  }
  .sm\:m-8 {
    margin: 4rem;
  }
  .sm\:mt-8,
  .sm\:my-8 {
    margin-top: 4rem;
  }
  .sm\:mr-8,
  .sm\:mx-8 {
    margin-right: 4rem;
  }
  .sm\:mb-8,
  .sm\:my-8 {
    margin-bottom: 4rem;
  }
  .sm\:ml-8,
  .sm\:mx-8 {
    margin-left: 4rem;
  }
  .sm\:-m-8 {
    margin: -4rem;
  }
  .sm\:-mt-8,
  .sm\:-my-8 {
    margin-top: -4rem;
  }
  .sm\:-mr-8,
  .sm\:-mx-8 {
    margin-right: -4rem;
  }
  .sm\:-mb-8,
  .sm\:-my-8 {
    margin-bottom: -4rem;
  }
  .sm\:-ml-8,
  .sm\:-mx-8 {
    margin-left: -4rem;
  }
  .sm\:m-9 {
    margin: 6rem;
  }
  .sm\:mt-9,
  .sm\:my-9 {
    margin-top: 6rem;
  }
  .sm\:mr-9,
  .sm\:mx-9 {
    margin-right: 6rem;
  }
  .sm\:mb-9,
  .sm\:my-9 {
    margin-bottom: 6rem;
  }
  .sm\:ml-9,
  .sm\:mx-9 {
    margin-left: 6rem;
  }
  .sm\:-m-9 {
    margin: -6rem;
  }
  .sm\:-mt-9,
  .sm\:-my-9 {
    margin-top: -6rem;
  }
  .sm\:-mr-9,
  .sm\:-mx-9 {
    margin-right: -6rem;
  }
  .sm\:-mb-9,
  .sm\:-my-9 {
    margin-bottom: -6rem;
  }
  .sm\:-ml-9,
  .sm\:-mx-9 {
    margin-left: -6rem;
  }
  .sm\:m-auto {
    margin: auto;
  }
  .sm\:mt-auto,
  .sm\:my-auto {
    margin-top: auto;
  }
  .sm\:mr-auto,
  .sm\:mx-auto {
    margin-right: auto;
  }
  .sm\:mb-auto,
  .sm\:my-auto {
    margin-bottom: auto;
  }
  .sm\:ml-auto,
  .sm\:mx-auto {
    margin-left: auto;
  }
}

@media (min-width: 768px) {
  .md\:m-0 {
    margin: 0;
  }
  .md\:mt-0,
  .md\:my-0 {
    margin-top: 0;
  }
  .md\:mr-0,
  .md\:mx-0 {
    margin-right: 0;
  }
  .md\:mb-0,
  .md\:my-0 {
    margin-bottom: 0;
  }
  .md\:ml-0,
  .md\:mx-0 {
    margin-left: 0;
  }
  .md\:-m-0 {
    margin: 0;
  }
  .md\:-mt-0,
  .md\:-my-0 {
    margin-top: 0;
  }
  .md\:-mr-0,
  .md\:-mx-0 {
    margin-right: 0;
  }
  .md\:-mb-0,
  .md\:-my-0 {
    margin-bottom: 0;
  }
  .md\:-ml-0,
  .md\:-mx-0 {
    margin-left: 0;
  }
  .md\:m-1 {
    margin: 0.25rem;
  }
  .md\:mt-1,
  .md\:my-1 {
    margin-top: 0.25rem;
  }
  .md\:mr-1,
  .md\:mx-1 {
    margin-right: 0.25rem;
  }
  .md\:mb-1,
  .md\:my-1 {
    margin-bottom: 0.25rem;
  }
  .md\:ml-1,
  .md\:mx-1 {
    margin-left: 0.25rem;
  }
  .md\:-m-1 {
    margin: -0.25rem;
  }
  .md\:-mt-1,
  .md\:-my-1 {
    margin-top: -0.25rem;
  }
  .md\:-mr-1,
  .md\:-mx-1 {
    margin-right: -0.25rem;
  }
  .md\:-mb-1,
  .md\:-my-1 {
    margin-bottom: -0.25rem;
  }
  .md\:-ml-1,
  .md\:-mx-1 {
    margin-left: -0.25rem;
  }
  .md\:m-2 {
    margin: 0.5rem;
  }
  .md\:mt-2,
  .md\:my-2 {
    margin-top: 0.5rem;
  }
  .md\:mr-2,
  .md\:mx-2 {
    margin-right: 0.5rem;
  }
  .md\:mb-2,
  .md\:my-2 {
    margin-bottom: 0.5rem;
  }
  .md\:ml-2,
  .md\:mx-2 {
    margin-left: 0.5rem;
  }
  .md\:-m-2 {
    margin: -0.5rem;
  }
  .md\:-mt-2,
  .md\:-my-2 {
    margin-top: -0.5rem;
  }
  .md\:-mr-2,
  .md\:-mx-2 {
    margin-right: -0.5rem;
  }
  .md\:-mb-2,
  .md\:-my-2 {
    margin-bottom: -0.5rem;
  }
  .md\:-ml-2,
  .md\:-mx-2 {
    margin-left: -0.5rem;
  }
  .md\:m-3 {
    margin: 0.75rem;
  }
  .md\:mt-3,
  .md\:my-3 {
    margin-top: 0.75rem;
  }
  .md\:mr-3,
  .md\:mx-3 {
    margin-right: 0.75rem;
  }
  .md\:mb-3,
  .md\:my-3 {
    margin-bottom: 0.75rem;
  }
  .md\:ml-3,
  .md\:mx-3 {
    margin-left: 0.75rem;
  }
  .md\:-m-3 {
    margin: -0.75rem;
  }
  .md\:-mt-3,
  .md\:-my-3 {
    margin-top: -0.75rem;
  }
  .md\:-mr-3,
  .md\:-mx-3 {
    margin-right: -0.75rem;
  }
  .md\:-mb-3,
  .md\:-my-3 {
    margin-bottom: -0.75rem;
  }
  .md\:-ml-3,
  .md\:-mx-3 {
    margin-left: -0.75rem;
  }
  .md\:m-4 {
    margin: 1rem;
  }
  .md\:mt-4,
  .md\:my-4 {
    margin-top: 1rem;
  }
  .md\:mr-4,
  .md\:mx-4 {
    margin-right: 1rem;
  }
  .md\:mb-4,
  .md\:my-4 {
    margin-bottom: 1rem;
  }
  .md\:ml-4,
  .md\:mx-4 {
    margin-left: 1rem;
  }
  .md\:-m-4 {
    margin: -1rem;
  }
  .md\:-mt-4,
  .md\:-my-4 {
    margin-top: -1rem;
  }
  .md\:-mr-4,
  .md\:-mx-4 {
    margin-right: -1rem;
  }
  .md\:-mb-4,
  .md\:-my-4 {
    margin-bottom: -1rem;
  }
  .md\:-ml-4,
  .md\:-mx-4 {
    margin-left: -1rem;
  }
  .md\:m-5 {
    margin: 1.5rem;
  }
  .md\:mt-5,
  .md\:my-5 {
    margin-top: 1.5rem;
  }
  .md\:mr-5,
  .md\:mx-5 {
    margin-right: 1.5rem;
  }
  .md\:mb-5,
  .md\:my-5 {
    margin-bottom: 1.5rem;
  }
  .md\:ml-5,
  .md\:mx-5 {
    margin-left: 1.5rem;
  }
  .md\:-m-5 {
    margin: -1.5rem;
  }
  .md\:-mt-5,
  .md\:-my-5 {
    margin-top: -1.5rem;
  }
  .md\:-mr-5,
  .md\:-mx-5 {
    margin-right: -1.5rem;
  }
  .md\:-mb-5,
  .md\:-my-5 {
    margin-bottom: -1.5rem;
  }
  .md\:-ml-5,
  .md\:-mx-5 {
    margin-left: -1.5rem;
  }
  .md\:m-6 {
    margin: 2rem;
  }
  .md\:mt-6,
  .md\:my-6 {
    margin-top: 2rem;
  }
  .md\:mr-6,
  .md\:mx-6 {
    margin-right: 2rem;
  }
  .md\:mb-6,
  .md\:my-6 {
    margin-bottom: 2rem;
  }
  .md\:ml-6,
  .md\:mx-6 {
    margin-left: 2rem;
  }
  .md\:-m-6 {
    margin: -2rem;
  }
  .md\:-mt-6,
  .md\:-my-6 {
    margin-top: -2rem;
  }
  .md\:-mr-6,
  .md\:-mx-6 {
    margin-right: -2rem;
  }
  .md\:-mb-6,
  .md\:-my-6 {
    margin-bottom: -2rem;
  }
  .md\:-ml-6,
  .md\:-mx-6 {
    margin-left: -2rem;
  }
  .md\:m-7 {
    margin: 3rem;
  }
  .md\:mt-7,
  .md\:my-7 {
    margin-top: 3rem;
  }
  .md\:mr-7,
  .md\:mx-7 {
    margin-right: 3rem;
  }
  .md\:mb-7,
  .md\:my-7 {
    margin-bottom: 3rem;
  }
  .md\:ml-7,
  .md\:mx-7 {
    margin-left: 3rem;
  }
  .md\:-m-7 {
    margin: -3rem;
  }
  .md\:-mt-7,
  .md\:-my-7 {
    margin-top: -3rem;
  }
  .md\:-mr-7,
  .md\:-mx-7 {
    margin-right: -3rem;
  }
  .md\:-mb-7,
  .md\:-my-7 {
    margin-bottom: -3rem;
  }
  .md\:-ml-7,
  .md\:-mx-7 {
    margin-left: -3rem;
  }
  .md\:m-8 {
    margin: 4rem;
  }
  .md\:mt-8,
  .md\:my-8 {
    margin-top: 4rem;
  }
  .md\:mr-8,
  .md\:mx-8 {
    margin-right: 4rem;
  }
  .md\:mb-8,
  .md\:my-8 {
    margin-bottom: 4rem;
  }
  .md\:ml-8,
  .md\:mx-8 {
    margin-left: 4rem;
  }
  .md\:-m-8 {
    margin: -4rem;
  }
  .md\:-mt-8,
  .md\:-my-8 {
    margin-top: -4rem;
  }
  .md\:-mr-8,
  .md\:-mx-8 {
    margin-right: -4rem;
  }
  .md\:-mb-8,
  .md\:-my-8 {
    margin-bottom: -4rem;
  }
  .md\:-ml-8,
  .md\:-mx-8 {
    margin-left: -4rem;
  }
  .md\:m-9 {
    margin: 6rem;
  }
  .md\:mt-9,
  .md\:my-9 {
    margin-top: 6rem;
  }
  .md\:mr-9,
  .md\:mx-9 {
    margin-right: 6rem;
  }
  .md\:mb-9,
  .md\:my-9 {
    margin-bottom: 6rem;
  }
  .md\:ml-9,
  .md\:mx-9 {
    margin-left: 6rem;
  }
  .md\:-m-9 {
    margin: -6rem;
  }
  .md\:-mt-9,
  .md\:-my-9 {
    margin-top: -6rem;
  }
  .md\:-mr-9,
  .md\:-mx-9 {
    margin-right: -6rem;
  }
  .md\:-mb-9,
  .md\:-my-9 {
    margin-bottom: -6rem;
  }
  .md\:-ml-9,
  .md\:-mx-9 {
    margin-left: -6rem;
  }
  .md\:m-auto {
    margin: auto;
  }
  .md\:mt-auto,
  .md\:my-auto {
    margin-top: auto;
  }
  .md\:mr-auto,
  .md\:mx-auto {
    margin-right: auto;
  }
  .md\:mb-auto,
  .md\:my-auto {
    margin-bottom: auto;
  }
  .md\:ml-auto,
  .md\:mx-auto {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  .lg\:m-0 {
    margin: 0;
  }
  .lg\:mt-0,
  .lg\:my-0 {
    margin-top: 0;
  }
  .lg\:mr-0,
  .lg\:mx-0 {
    margin-right: 0;
  }
  .lg\:mb-0,
  .lg\:my-0 {
    margin-bottom: 0;
  }
  .lg\:ml-0,
  .lg\:mx-0 {
    margin-left: 0;
  }
  .lg\:-m-0 {
    margin: 0;
  }
  .lg\:-mt-0,
  .lg\:-my-0 {
    margin-top: 0;
  }
  .lg\:-mr-0,
  .lg\:-mx-0 {
    margin-right: 0;
  }
  .lg\:-mb-0,
  .lg\:-my-0 {
    margin-bottom: 0;
  }
  .lg\:-ml-0,
  .lg\:-mx-0 {
    margin-left: 0;
  }
  .lg\:m-1 {
    margin: 0.25rem;
  }
  .lg\:mt-1,
  .lg\:my-1 {
    margin-top: 0.25rem;
  }
  .lg\:mr-1,
  .lg\:mx-1 {
    margin-right: 0.25rem;
  }
  .lg\:mb-1,
  .lg\:my-1 {
    margin-bottom: 0.25rem;
  }
  .lg\:ml-1,
  .lg\:mx-1 {
    margin-left: 0.25rem;
  }
  .lg\:-m-1 {
    margin: -0.25rem;
  }
  .lg\:-mt-1,
  .lg\:-my-1 {
    margin-top: -0.25rem;
  }
  .lg\:-mr-1,
  .lg\:-mx-1 {
    margin-right: -0.25rem;
  }
  .lg\:-mb-1,
  .lg\:-my-1 {
    margin-bottom: -0.25rem;
  }
  .lg\:-ml-1,
  .lg\:-mx-1 {
    margin-left: -0.25rem;
  }
  .lg\:m-2 {
    margin: 0.5rem;
  }
  .lg\:mt-2,
  .lg\:my-2 {
    margin-top: 0.5rem;
  }
  .lg\:mr-2,
  .lg\:mx-2 {
    margin-right: 0.5rem;
  }
  .lg\:mb-2,
  .lg\:my-2 {
    margin-bottom: 0.5rem;
  }
  .lg\:ml-2,
  .lg\:mx-2 {
    margin-left: 0.5rem;
  }
  .lg\:-m-2 {
    margin: -0.5rem;
  }
  .lg\:-mt-2,
  .lg\:-my-2 {
    margin-top: -0.5rem;
  }
  .lg\:-mr-2,
  .lg\:-mx-2 {
    margin-right: -0.5rem;
  }
  .lg\:-mb-2,
  .lg\:-my-2 {
    margin-bottom: -0.5rem;
  }
  .lg\:-ml-2,
  .lg\:-mx-2 {
    margin-left: -0.5rem;
  }
  .lg\:m-3 {
    margin: 0.75rem;
  }
  .lg\:mt-3,
  .lg\:my-3 {
    margin-top: 0.75rem;
  }
  .lg\:mr-3,
  .lg\:mx-3 {
    margin-right: 0.75rem;
  }
  .lg\:mb-3,
  .lg\:my-3 {
    margin-bottom: 0.75rem;
  }
  .lg\:ml-3,
  .lg\:mx-3 {
    margin-left: 0.75rem;
  }
  .lg\:-m-3 {
    margin: -0.75rem;
  }
  .lg\:-mt-3,
  .lg\:-my-3 {
    margin-top: -0.75rem;
  }
  .lg\:-mr-3,
  .lg\:-mx-3 {
    margin-right: -0.75rem;
  }
  .lg\:-mb-3,
  .lg\:-my-3 {
    margin-bottom: -0.75rem;
  }
  .lg\:-ml-3,
  .lg\:-mx-3 {
    margin-left: -0.75rem;
  }
  .lg\:m-4 {
    margin: 1rem;
  }
  .lg\:mt-4,
  .lg\:my-4 {
    margin-top: 1rem;
  }
  .lg\:mr-4,
  .lg\:mx-4 {
    margin-right: 1rem;
  }
  .lg\:mb-4,
  .lg\:my-4 {
    margin-bottom: 1rem;
  }
  .lg\:ml-4,
  .lg\:mx-4 {
    margin-left: 1rem;
  }
  .lg\:-m-4 {
    margin: -1rem;
  }
  .lg\:-mt-4,
  .lg\:-my-4 {
    margin-top: -1rem;
  }
  .lg\:-mr-4,
  .lg\:-mx-4 {
    margin-right: -1rem;
  }
  .lg\:-mb-4,
  .lg\:-my-4 {
    margin-bottom: -1rem;
  }
  .lg\:-ml-4,
  .lg\:-mx-4 {
    margin-left: -1rem;
  }
  .lg\:m-5 {
    margin: 1.5rem;
  }
  .lg\:mt-5,
  .lg\:my-5 {
    margin-top: 1.5rem;
  }
  .lg\:mr-5,
  .lg\:mx-5 {
    margin-right: 1.5rem;
  }
  .lg\:mb-5,
  .lg\:my-5 {
    margin-bottom: 1.5rem;
  }
  .lg\:ml-5,
  .lg\:mx-5 {
    margin-left: 1.5rem;
  }
  .lg\:-m-5 {
    margin: -1.5rem;
  }
  .lg\:-mt-5,
  .lg\:-my-5 {
    margin-top: -1.5rem;
  }
  .lg\:-mr-5,
  .lg\:-mx-5 {
    margin-right: -1.5rem;
  }
  .lg\:-mb-5,
  .lg\:-my-5 {
    margin-bottom: -1.5rem;
  }
  .lg\:-ml-5,
  .lg\:-mx-5 {
    margin-left: -1.5rem;
  }
  .lg\:m-6 {
    margin: 2rem;
  }
  .lg\:mt-6,
  .lg\:my-6 {
    margin-top: 2rem;
  }
  .lg\:mr-6,
  .lg\:mx-6 {
    margin-right: 2rem;
  }
  .lg\:mb-6,
  .lg\:my-6 {
    margin-bottom: 2rem;
  }
  .lg\:ml-6,
  .lg\:mx-6 {
    margin-left: 2rem;
  }
  .lg\:-m-6 {
    margin: -2rem;
  }
  .lg\:-mt-6,
  .lg\:-my-6 {
    margin-top: -2rem;
  }
  .lg\:-mr-6,
  .lg\:-mx-6 {
    margin-right: -2rem;
  }
  .lg\:-mb-6,
  .lg\:-my-6 {
    margin-bottom: -2rem;
  }
  .lg\:-ml-6,
  .lg\:-mx-6 {
    margin-left: -2rem;
  }
  .lg\:m-7 {
    margin: 3rem;
  }
  .lg\:mt-7,
  .lg\:my-7 {
    margin-top: 3rem;
  }
  .lg\:mr-7,
  .lg\:mx-7 {
    margin-right: 3rem;
  }
  .lg\:mb-7,
  .lg\:my-7 {
    margin-bottom: 3rem;
  }
  .lg\:ml-7,
  .lg\:mx-7 {
    margin-left: 3rem;
  }
  .lg\:-m-7 {
    margin: -3rem;
  }
  .lg\:-mt-7,
  .lg\:-my-7 {
    margin-top: -3rem;
  }
  .lg\:-mr-7,
  .lg\:-mx-7 {
    margin-right: -3rem;
  }
  .lg\:-mb-7,
  .lg\:-my-7 {
    margin-bottom: -3rem;
  }
  .lg\:-ml-7,
  .lg\:-mx-7 {
    margin-left: -3rem;
  }
  .lg\:m-8 {
    margin: 4rem;
  }
  .lg\:mt-8,
  .lg\:my-8 {
    margin-top: 5rem;
  }
  .lg\:mr-8,
  .lg\:mx-8 {
    margin-right: 4rem;
  }
  .lg\:mb-8,
  .lg\:my-8 {
    margin-bottom: 4rem;
  }
  .lg\:ml-8,
  .lg\:mx-8 {
    margin-left: 4rem;
  }
  .lg\:-m-8 {
    margin: -4rem;
  }
  .lg\:-mt-8,
  .lg\:-my-8 {
    margin-top: -4rem;
  }
  .lg\:-mr-8,
  .lg\:-mx-8 {
    margin-right: -4rem;
  }
  .lg\:-mb-8,
  .lg\:-my-8 {
    margin-bottom: -4rem;
  }
  .lg\:-ml-8,
  .lg\:-mx-8 {
    margin-left: -4rem;
  }
  .lg\:m-9 {
    margin: 6rem;
  }
  .lg\:mt-9,
  .lg\:my-9 {
    margin-top: 6rem;
  }
  .lg\:mr-9,
  .lg\:mx-9 {
    margin-right: 6rem;
  }
  .lg\:mb-9,
  .lg\:my-9 {
    margin-bottom: 6rem;
  }
  .lg\:ml-9,
  .lg\:mx-9 {
    margin-left: 6rem;
  }
  .lg\:-m-9 {
    margin: -6rem;
  }
  .lg\:-mt-9,
  .lg\:-my-9 {
    margin-top: -6rem;
  }
  .lg\:-mr-9,
  .lg\:-mx-9 {
    margin-right: -6rem;
  }
  .lg\:-mb-9,
  .lg\:-my-9 {
    margin-bottom: -6rem;
  }
  .lg\:-ml-9,
  .lg\:-mx-9 {
    margin-left: -6rem;
  }
  .lg\:mt-10,
  .lg\:my-10 {
    margin-top: 10rem;
  }
  .lg\:m-auto {
    margin: auto;
  }
  .lg\:mt-auto,
  .lg\:my-auto {
    margin-top: auto;
  }
  .lg\:mr-auto,
  .lg\:mx-auto {
    margin-right: auto;
  }
  .lg\:mb-auto,
  .lg\:my-auto {
    margin-bottom: auto;
  }
  .lg\:ml-auto,
  .lg\:mx-auto {
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .xl\:m-0 {
    margin: 0;
  }
  .xl\:mt-0,
  .xl\:my-0 {
    margin-top: 0;
  }
  .xl\:mr-0,
  .xl\:mx-0 {
    margin-right: 0;
  }
  .xl\:mb-0,
  .xl\:my-0 {
    margin-bottom: 0;
  }
  .xl\:ml-0,
  .xl\:mx-0 {
    margin-left: 0;
  }
  .xl\:-m-0 {
    margin: 0;
  }
  .xl\:-mt-0,
  .xl\:-my-0 {
    margin-top: 0;
  }
  .xl\:-mr-0,
  .xl\:-mx-0 {
    margin-right: 0;
  }
  .xl\:-mb-0,
  .xl\:-my-0 {
    margin-bottom: 0;
  }
  .xl\:-ml-0,
  .xl\:-mx-0 {
    margin-left: 0;
  }
  .xl\:m-1 {
    margin: 0.25rem;
  }
  .xl\:mt-1,
  .xl\:my-1 {
    margin-top: 0.25rem;
  }
  .xl\:mr-1,
  .xl\:mx-1 {
    margin-right: 0.25rem;
  }
  .xl\:mb-1,
  .xl\:my-1 {
    margin-bottom: 0.25rem;
  }
  .xl\:ml-1,
  .xl\:mx-1 {
    margin-left: 0.25rem;
  }
  .xl\:-m-1 {
    margin: -0.25rem;
  }
  .xl\:-mt-1,
  .xl\:-my-1 {
    margin-top: -0.25rem;
  }
  .xl\:-mr-1,
  .xl\:-mx-1 {
    margin-right: -0.25rem;
  }
  .xl\:-mb-1,
  .xl\:-my-1 {
    margin-bottom: -0.25rem;
  }
  .xl\:-ml-1,
  .xl\:-mx-1 {
    margin-left: -0.25rem;
  }
  .xl\:m-2 {
    margin: 0.5rem;
  }
  .xl\:mt-2,
  .xl\:my-2 {
    margin-top: 0.5rem;
  }
  .xl\:mr-2,
  .xl\:mx-2 {
    margin-right: 0.5rem;
  }
  .xl\:mb-2,
  .xl\:my-2 {
    margin-bottom: 0.5rem;
  }
  .xl\:ml-2,
  .xl\:mx-2 {
    margin-left: 0.5rem;
  }
  .xl\:-m-2 {
    margin: -0.5rem;
  }
  .xl\:-mt-2,
  .xl\:-my-2 {
    margin-top: -0.5rem;
  }
  .xl\:-mr-2,
  .xl\:-mx-2 {
    margin-right: -0.5rem;
  }
  .xl\:-mb-2,
  .xl\:-my-2 {
    margin-bottom: -0.5rem;
  }
  .xl\:-ml-2,
  .xl\:-mx-2 {
    margin-left: -0.5rem;
  }
  .xl\:m-3 {
    margin: 0.75rem;
  }
  .xl\:mt-3,
  .xl\:my-3 {
    margin-top: 0.75rem;
  }
  .xl\:mr-3,
  .xl\:mx-3 {
    margin-right: 0.75rem;
  }
  .xl\:mb-3,
  .xl\:my-3 {
    margin-bottom: 0.75rem;
  }
  .xl\:ml-3,
  .xl\:mx-3 {
    margin-left: 0.75rem;
  }
  .xl\:-m-3 {
    margin: -0.75rem;
  }
  .xl\:-mt-3,
  .xl\:-my-3 {
    margin-top: -0.75rem;
  }
  .xl\:-mr-3,
  .xl\:-mx-3 {
    margin-right: -0.75rem;
  }
  .xl\:-mb-3,
  .xl\:-my-3 {
    margin-bottom: -0.75rem;
  }
  .xl\:-ml-3,
  .xl\:-mx-3 {
    margin-left: -0.75rem;
  }
  .xl\:m-4 {
    margin: 1rem;
  }
  .xl\:mt-4,
  .xl\:my-4 {
    margin-top: 1rem;
  }
  .xl\:mr-4,
  .xl\:mx-4 {
    margin-right: 1rem;
  }
  .xl\:mb-4,
  .xl\:my-4 {
    margin-bottom: 1rem;
  }
  .xl\:ml-4,
  .xl\:mx-4 {
    margin-left: 1rem;
  }
  .xl\:-m-4 {
    margin: -1rem;
  }
  .xl\:-mt-4,
  .xl\:-my-4 {
    margin-top: -1rem;
  }
  .xl\:-mr-4,
  .xl\:-mx-4 {
    margin-right: -1rem;
  }
  .xl\:-mb-4,
  .xl\:-my-4 {
    margin-bottom: -1rem;
  }
  .xl\:-ml-4,
  .xl\:-mx-4 {
    margin-left: -1rem;
  }
  .xl\:m-5 {
    margin: 1.5rem;
  }
  .xl\:mt-5,
  .xl\:my-5 {
    margin-top: 1.5rem;
  }
  .xl\:mr-5,
  .xl\:mx-5 {
    margin-right: 1.5rem;
  }
  .xl\:mb-5,
  .xl\:my-5 {
    margin-bottom: 1.5rem;
  }
  .xl\:ml-5,
  .xl\:mx-5 {
    margin-left: 1.5rem;
  }
  .xl\:-m-5 {
    margin: -1.5rem;
  }
  .xl\:-mt-5,
  .xl\:-my-5 {
    margin-top: -1.5rem;
  }
  .xl\:-mr-5,
  .xl\:-mx-5 {
    margin-right: -1.5rem;
  }
  .xl\:-mb-5,
  .xl\:-my-5 {
    margin-bottom: -1.5rem;
  }
  .xl\:-ml-5,
  .xl\:-mx-5 {
    margin-left: -1.5rem;
  }
  .xl\:m-6 {
    margin: 2rem;
  }
  .xl\:mt-6,
  .xl\:my-6 {
    margin-top: 2rem;
  }
  .xl\:mr-6,
  .xl\:mx-6 {
    margin-right: 2rem;
  }
  .xl\:mb-6,
  .xl\:my-6 {
    margin-bottom: 2rem;
  }
  .xl\:ml-6,
  .xl\:mx-6 {
    margin-left: 2rem;
  }
  .xl\:-m-6 {
    margin: -2rem;
  }
  .xl\:-mt-6,
  .xl\:-my-6 {
    margin-top: -2rem;
  }
  .xl\:-mr-6,
  .xl\:-mx-6 {
    margin-right: -2rem;
  }
  .xl\:-mb-6,
  .xl\:-my-6 {
    margin-bottom: -2rem;
  }
  .xl\:-ml-6,
  .xl\:-mx-6 {
    margin-left: -2rem;
  }
  .xl\:m-7 {
    margin: 3rem;
  }
  .xl\:mt-7,
  .xl\:my-7 {
    margin-top: 3rem;
  }
  .xl\:mr-7,
  .xl\:mx-7 {
    margin-right: 3rem;
  }
  .xl\:mb-7,
  .xl\:my-7 {
    margin-bottom: 3rem;
  }
  .xl\:ml-7,
  .xl\:mx-7 {
    margin-left: 3rem;
  }
  .xl\:-m-7 {
    margin: -3rem;
  }
  .xl\:-mt-7,
  .xl\:-my-7 {
    margin-top: -3rem;
  }
  .xl\:-mr-7,
  .xl\:-mx-7 {
    margin-right: -3rem;
  }
  .xl\:-mb-7,
  .xl\:-my-7 {
    margin-bottom: -3rem;
  }
  .xl\:-ml-7,
  .xl\:-mx-7 {
    margin-left: -3rem;
  }
  .xl\:m-8 {
    margin: 4rem;
  }
  .xl\:mt-8,
  .xl\:my-8 {
    margin-top: 4rem;
  }
  .xl\:mr-8,
  .xl\:mx-8 {
    margin-right: 4rem;
  }
  .xl\:mb-8,
  .xl\:my-8 {
    margin-bottom: 4rem;
  }
  .xl\:ml-8,
  .xl\:mx-8 {
    margin-left: 4rem;
  }
  .xl\:-m-8 {
    margin: -4rem;
  }
  .xl\:-mt-8,
  .xl\:-my-8 {
    margin-top: -4rem;
  }
  .xl\:-mr-8,
  .xl\:-mx-8 {
    margin-right: -4rem;
  }
  .xl\:-mb-8,
  .xl\:-my-8 {
    margin-bottom: -4rem;
  }
  .xl\:-ml-8,
  .xl\:-mx-8 {
    margin-left: -4rem;
  }
  .xl\:m-9 {
    margin: 6rem;
  }
  .xl\:mt-9,
  .xl\:my-9 {
    margin-top: 6rem;
  }
  .xl\:mr-9,
  .xl\:mx-9 {
    margin-right: 6rem;
  }
  .xl\:mb-9,
  .xl\:my-9 {
    margin-bottom: 6rem;
  }
  .xl\:ml-9,
  .xl\:mx-9 {
    margin-left: 6rem;
  }
  .xl\:-m-9 {
    margin: -6rem;
  }
  .xl\:-mt-9,
  .xl\:-my-9 {
    margin-top: -6rem;
  }
  .xl\:-mr-9,
  .xl\:-mx-9 {
    margin-right: -6rem;
  }
  .xl\:-mb-9,
  .xl\:-my-9 {
    margin-bottom: -6rem;
  }
  .xl\:-ml-9,
  .xl\:-mx-9 {
    margin-left: -6rem;
  }
  .xl\:m-auto {
    margin: auto;
  }
  .xl\:mt-auto,
  .xl\:my-auto {
    margin-top: auto;
  }
  .xl\:mr-auto,
  .xl\:mx-auto {
    margin-right: auto;
  }
  .xl\:mb-auto,
  .xl\:my-auto {
    margin-bottom: auto;
  }
  .xl\:ml-auto,
  .xl\:mx-auto {
    margin-left: auto;
  }
}

.p-0 {
  padding: 0;
}

.pt-0,
.py-0 {
  padding-top: 0;
}

.pr-0,
.px-0 {
  padding-right: 0;
}

.pb-0,
.py-0 {
  padding-bottom: 0;
}

.pl-0,
.px-0 {
  padding-left: 0;
}

.p-1 {
  padding: 0.25rem;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.pt-3,
.py-3 {
  padding-top: 0.75rem;
}

.pr-3,
.px-3 {
  padding-right: 0.75rem;
}

.pb-3,
.py-3 {
  padding-bottom: 0.75rem;
}

.pl-3,
.px-3 {
  padding-left: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.pt-4,
.py-4 {
  padding-top: 1rem;
}

.pr-4,
.px-4 {
  padding-right: 1rem;
}

.pb-4,
.py-4 {
  padding-bottom: 1rem;
}

.pl-4,
.px-4 {
  padding-left: 1rem;
}

.p-5 {
  padding: 1.5rem;
}

.pt-5,
.py-5 {
  padding-top: 1.5rem;
}

.pr-5,
.px-5 {
  padding-right: 1.5rem;
}

.pb-5,
.py-5 {
  padding-bottom: 1.5rem;
}

.pl-5,
.px-5 {
  padding-left: 1.5rem;
}

.p-6 {
  padding: 2rem;
}

.pt-6,
.py-6 {
  padding-top: 2rem;
}

.pr-6,
.px-6 {
  padding-right: 2rem;
}

.pb-6,
.py-6 {
  padding-bottom: 2rem;
}

.pl-6,
.px-6 {
  padding-left: 2rem;
}

.p-7 {
  padding: 3rem;
}

.pt-7,
.py-7 {
  padding-top: 3rem;
}

.pr-7,
.px-7 {
  padding-right: 3rem;
}

.pb-7,
.py-7 {
  padding-bottom: 3rem;
}

.pl-7,
.px-7 {
  padding-left: 3rem;
}

.p-8 {
  padding: 4rem;
}

.pt-8,
.py-8 {
  padding-top: 4rem;
}

.pr-8,
.px-8 {
  padding-right: 4rem;
}

.pb-8,
.py-8 {
  padding-bottom: 4rem;
}

.pl-8,
.px-8 {
  padding-left: 4rem;
}

.p-9 {
  padding: 6rem;
}

.pt-9,
.py-9 {
  padding-top: 6rem;
}

.pr-9,
.px-9 {
  padding-right: 6rem;
}

.pb-9,
.py-9 {
  padding-bottom: 6rem;
}

.pl-9,
.px-9 {
  padding-left: 6rem;
}

@media (min-width: 576px) {
  .sm\:p-0 {
    padding: 0;
  }
  .sm\:pt-0,
  .sm\:py-0 {
    padding-top: 0;
  }
  .sm\:pr-0,
  .sm\:px-0 {
    padding-right: 0;
  }
  .sm\:pb-0,
  .sm\:py-0 {
    padding-bottom: 0;
  }
  .sm\:pl-0,
  .sm\:px-0 {
    padding-left: 0;
  }
  .sm\:p-1 {
    padding: 0.25rem;
  }
  .sm\:pt-1,
  .sm\:py-1 {
    padding-top: 0.25rem;
  }
  .sm\:pr-1,
  .sm\:px-1 {
    padding-right: 0.25rem;
  }
  .sm\:pb-1,
  .sm\:py-1 {
    padding-bottom: 0.25rem;
  }
  .sm\:pl-1,
  .sm\:px-1 {
    padding-left: 0.25rem;
  }
  .sm\:p-2 {
    padding: 0.5rem;
  }
  .sm\:pt-2,
  .sm\:py-2 {
    padding-top: 0.5rem;
  }
  .sm\:pr-2,
  .sm\:px-2 {
    padding-right: 0.5rem;
  }
  .sm\:pb-2,
  .sm\:py-2 {
    padding-bottom: 0.5rem;
  }
  .sm\:pl-2,
  .sm\:px-2 {
    padding-left: 0.5rem;
  }
  .sm\:p-3 {
    padding: 0.75rem;
  }
  .sm\:pt-3,
  .sm\:py-3 {
    padding-top: 0.75rem;
  }
  .sm\:pr-3,
  .sm\:px-3 {
    padding-right: 0.75rem;
  }
  .sm\:pb-3,
  .sm\:py-3 {
    padding-bottom: 0.75rem;
  }
  .sm\:pl-3,
  .sm\:px-3 {
    padding-left: 0.75rem;
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:pt-4,
  .sm\:py-4 {
    padding-top: 1rem;
  }
  .sm\:pr-4,
  .sm\:px-4 {
    padding-right: 1rem;
  }
  .sm\:pb-4,
  .sm\:py-4 {
    padding-bottom: 1rem;
  }
  .sm\:pl-4,
  .sm\:px-4 {
    padding-left: 1rem;
  }
  .sm\:p-5 {
    padding: 1.5rem;
  }
  .sm\:pt-5,
  .sm\:py-5 {
    padding-top: 1.5rem;
  }
  .sm\:pr-5,
  .sm\:px-5 {
    padding-right: 1.5rem;
  }
  .sm\:pb-5,
  .sm\:py-5 {
    padding-bottom: 1.5rem;
  }
  .sm\:pl-5,
  .sm\:px-5 {
    padding-left: 1.5rem;
  }
  .sm\:p-6 {
    padding: 2rem;
  }
  .sm\:pt-6,
  .sm\:py-6 {
    padding-top: 2rem;
  }
  .sm\:pr-6,
  .sm\:px-6 {
    padding-right: 2rem;
  }
  .sm\:pb-6,
  .sm\:py-6 {
    padding-bottom: 2rem;
  }
  .sm\:pl-6,
  .sm\:px-6 {
    padding-left: 2rem;
  }
  .sm\:p-7 {
    padding: 3rem;
  }
  .sm\:pt-7,
  .sm\:py-7 {
    padding-top: 3rem;
  }
  .sm\:pr-7,
  .sm\:px-7 {
    padding-right: 3rem;
  }
  .sm\:pb-7,
  .sm\:py-7 {
    padding-bottom: 3rem;
  }
  .sm\:pl-7,
  .sm\:px-7 {
    padding-left: 3rem;
  }
  .sm\:p-8 {
    padding: 4rem;
  }
  .sm\:pt-8,
  .sm\:py-8 {
    padding-top: 4rem;
  }
  .sm\:pr-8,
  .sm\:px-8 {
    padding-right: 4rem;
  }
  .sm\:pb-8,
  .sm\:py-8 {
    padding-bottom: 4rem;
  }
  .sm\:pl-8,
  .sm\:px-8 {
    padding-left: 4rem;
  }
  .sm\:p-9 {
    padding: 6rem;
  }
  .sm\:pt-9,
  .sm\:py-9 {
    padding-top: 6rem;
  }
  .sm\:pr-9,
  .sm\:px-9 {
    padding-right: 6rem;
  }
  .sm\:pb-9,
  .sm\:py-9 {
    padding-bottom: 6rem;
  }
  .sm\:pl-9,
  .sm\:px-9 {
    padding-left: 6rem;
  }
}

@media (min-width: 768px) {
  .md\:p-0 {
    padding: 0;
  }
  .md\:pt-0,
  .md\:py-0 {
    padding-top: 0;
  }
  .md\:pr-0,
  .md\:px-0 {
    padding-right: 0;
  }
  .md\:pb-0,
  .md\:py-0 {
    padding-bottom: 0;
  }
  .md\:pl-0,
  .md\:px-0 {
    padding-left: 0;
  }
  .md\:p-1 {
    padding: 0.25rem;
  }
  .md\:pt-1,
  .md\:py-1 {
    padding-top: 0.25rem;
  }
  .md\:pr-1,
  .md\:px-1 {
    padding-right: 0.25rem;
  }
  .md\:pb-1,
  .md\:py-1 {
    padding-bottom: 0.25rem;
  }
  .md\:pl-1,
  .md\:px-1 {
    padding-left: 0.25rem;
  }
  .md\:p-2 {
    padding: 0.5rem;
  }
  .md\:pt-2,
  .md\:py-2 {
    padding-top: 0.5rem;
  }
  .md\:pr-2,
  .md\:px-2 {
    padding-right: 0.5rem;
  }
  .md\:pb-2,
  .md\:py-2 {
    padding-bottom: 0.5rem;
  }
  .md\:pl-2,
  .md\:px-2 {
    padding-left: 0.5rem;
  }
  .md\:p-3 {
    padding: 0.75rem;
  }
  .md\:pt-3,
  .md\:py-3 {
    padding-top: 0.75rem;
  }
  .md\:pr-3,
  .md\:px-3 {
    padding-right: 0.75rem;
  }
  .md\:pb-3,
  .md\:py-3 {
    padding-bottom: 0.75rem;
  }
  .md\:pl-3,
  .md\:px-3 {
    padding-left: 0.75rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:pt-4,
  .md\:py-4 {
    padding-top: 1rem;
  }
  .md\:pr-4,
  .md\:px-4 {
    padding-right: 1rem;
  }
  .md\:pb-4,
  .md\:py-4 {
    padding-bottom: 1rem;
  }
  .md\:pl-4,
  .md\:px-4 {
    padding-left: 1rem;
  }
  .md\:p-5 {
    padding: 1.5rem;
  }
  .md\:pt-5,
  .md\:py-5 {
    padding-top: 1.5rem;
  }
  .md\:pr-5,
  .md\:px-5 {
    padding-right: 1.5rem;
  }
  .md\:pb-5,
  .md\:py-5 {
    padding-bottom: 1.5rem;
  }
  .md\:pl-5,
  .md\:px-5 {
    padding-left: 1.5rem;
  }
  .md\:p-6 {
    padding: 2rem;
  }
  .md\:pt-6,
  .md\:py-6 {
    padding-top: 2rem;
  }
  .md\:pr-6,
  .md\:px-6 {
    padding-right: 2rem;
  }
  .md\:pb-6,
  .md\:py-6 {
    padding-bottom: 2rem;
  }
  .md\:pl-6,
  .md\:px-6 {
    padding-left: 2rem;
  }
  .md\:p-7 {
    padding: 3rem;
  }
  .md\:pt-7,
  .md\:py-7 {
    padding-top: 3rem;
  }
  .md\:pr-7,
  .md\:px-7 {
    padding-right: 3rem;
  }
  .md\:pb-7,
  .md\:py-7 {
    padding-bottom: 3rem;
  }
  .md\:pl-7,
  .md\:px-7 {
    padding-left: 3rem;
  }
  .md\:p-8 {
    padding: 4rem;
  }
  .md\:pt-8,
  .md\:py-8 {
    padding-top: 4rem;
  }
  .md\:pr-8,
  .md\:px-8 {
    padding-right: 4rem;
  }
  .md\:pb-8,
  .md\:py-8 {
    padding-bottom: 4rem;
  }
  .md\:pl-8,
  .md\:px-8 {
    padding-left: 4rem;
  }
  .md\:p-9 {
    padding: 6rem;
  }
  .md\:pt-9,
  .md\:py-9 {
    padding-top: 6rem;
  }
  .md\:pr-9,
  .md\:px-9 {
    padding-right: 6rem;
  }
  .md\:pb-9,
  .md\:py-9 {
    padding-bottom: 6rem;
  }
  .md\:pl-9,
  .md\:px-9 {
    padding-left: 6rem;
  }
}

@media (min-width: 992px) {
  .lg\:p-0 {
    padding: 0;
  }
  .lg\:pt-0,
  .lg\:py-0 {
    padding-top: 0;
  }
  .lg\:pr-0,
  .lg\:px-0 {
    padding-right: 0;
  }
  .lg\:pb-0,
  .lg\:py-0 {
    padding-bottom: 0;
  }
  .lg\:pl-0,
  .lg\:px-0 {
    padding-left: 0;
  }
  .lg\:p-1 {
    padding: 0.25rem;
  }
  .lg\:pt-1,
  .lg\:py-1 {
    padding-top: 0.25rem;
  }
  .lg\:pr-1,
  .lg\:px-1 {
    padding-right: 0.25rem;
  }
  .lg\:pb-1,
  .lg\:py-1 {
    padding-bottom: 0.25rem;
  }
  .lg\:pl-1,
  .lg\:px-1 {
    padding-left: 0.25rem;
  }
  .lg\:p-2 {
    padding: 0.5rem;
  }
  .lg\:pt-2,
  .lg\:py-2 {
    padding-top: 0.5rem;
  }
  .lg\:pr-2,
  .lg\:px-2 {
    padding-right: 0.5rem;
  }
  .lg\:pb-2,
  .lg\:py-2 {
    padding-bottom: 0.5rem;
  }
  .lg\:pl-2,
  .lg\:px-2 {
    padding-left: 0.5rem;
  }
  .lg\:p-3 {
    padding: 0.75rem;
  }
  .lg\:pt-3,
  .lg\:py-3 {
    padding-top: 0.75rem;
  }
  .lg\:pr-3,
  .lg\:px-3 {
    padding-right: 0.75rem;
  }
  .lg\:pb-3,
  .lg\:py-3 {
    padding-bottom: 0.75rem;
  }
  .lg\:pl-3,
  .lg\:px-3 {
    padding-left: 0.75rem;
  }
  .lg\:p-4 {
    padding: 1rem;
  }
  .lg\:pt-4,
  .lg\:py-4 {
    padding-top: 1rem;
  }
  .lg\:pr-4,
  .lg\:px-4 {
    padding-right: 1rem;
  }
  .lg\:pb-4,
  .lg\:py-4 {
    padding-bottom: 1rem;
  }
  .lg\:pl-4,
  .lg\:px-4 {
    padding-left: 1rem;
  }
  .lg\:p-5 {
    padding: 1.5rem;
  }
  .lg\:pt-5,
  .lg\:py-5 {
    padding-top: 1.5rem;
  }
  .lg\:pr-5,
  .lg\:px-5 {
    padding-right: 1.5rem;
  }
  .lg\:pb-5,
  .lg\:py-5 {
    padding-bottom: 1.5rem;
  }
  .lg\:pl-5,
  .lg\:px-5 {
    padding-left: 1.5rem;
  }
  .lg\:p-6 {
    padding: 2rem;
  }
  .lg\:pt-6,
  .lg\:py-6 {
    padding-top: 2rem;
  }
  .lg\:pr-6,
  .lg\:px-6 {
    padding-right: 2rem;
  }
  .lg\:pb-6,
  .lg\:py-6 {
    padding-bottom: 2rem;
  }
  .lg\:pl-6,
  .lg\:px-6 {
    padding-left: 2rem;
  }
  .lg\:p-7 {
    padding: 3rem;
  }
  .lg\:pt-7,
  .lg\:py-7 {
    padding-top: 3rem;
  }
  .lg\:pr-7,
  .lg\:px-7 {
    padding-right: 3rem;
  }
  .lg\:pb-7,
  .lg\:py-7 {
    padding-bottom: 3rem;
  }
  .lg\:pl-7,
  .lg\:px-7 {
    padding-left: 3rem;
  }
  .lg\:p-8 {
    padding: 4rem;
  }
  .lg\:pt-8,
  .lg\:py-8 {
    padding-top: 4rem;
  }
  .lg\:pr-8,
  .lg\:px-8 {
    padding-right: 4rem;
  }
  .lg\:pb-8,
  .lg\:py-8 {
    padding-bottom: 4rem;
  }
  .lg\:pl-8,
  .lg\:px-8 {
    padding-left: 4rem;
  }
  .lg\:p-9 {
    padding: 6rem;
  }
  .lg\:pt-9,
  .lg\:py-9 {
    padding-top: 6rem;
  }
  .lg\:pr-9,
  .lg\:px-9 {
    padding-right: 6rem;
  }
  .lg\:pb-9,
  .lg\:py-9 {
    padding-bottom: 6rem;
  }
  .lg\:pl-9,
  .lg\:px-9 {
    padding-left: 6rem;
  }
}

@media (min-width: 1200px) {
  .xl\:p-0 {
    padding: 0;
  }
  .xl\:pt-0,
  .xl\:py-0 {
    padding-top: 0;
  }
  .xl\:pr-0,
  .xl\:px-0 {
    padding-right: 0;
  }
  .xl\:pb-0,
  .xl\:py-0 {
    padding-bottom: 0;
  }
  .xl\:pl-0,
  .xl\:px-0 {
    padding-left: 0;
  }
  .xl\:p-1 {
    padding: 0.25rem;
  }
  .xl\:pt-1,
  .xl\:py-1 {
    padding-top: 0.25rem;
  }
  .xl\:pr-1,
  .xl\:px-1 {
    padding-right: 0.25rem;
  }
  .xl\:pb-1,
  .xl\:py-1 {
    padding-bottom: 0.25rem;
  }
  .xl\:pl-1,
  .xl\:px-1 {
    padding-left: 0.25rem;
  }
  .xl\:p-2 {
    padding: 0.5rem;
  }
  .xl\:pt-2,
  .xl\:py-2 {
    padding-top: 0.5rem;
  }
  .xl\:pr-2,
  .xl\:px-2 {
    padding-right: 0.5rem;
  }
  .xl\:pb-2,
  .xl\:py-2 {
    padding-bottom: 0.5rem;
  }
  .xl\:pl-2,
  .xl\:px-2 {
    padding-left: 0.5rem;
  }
  .xl\:p-3 {
    padding: 0.75rem;
  }
  .xl\:pt-3,
  .xl\:py-3 {
    padding-top: 0.75rem;
  }
  .xl\:pr-3,
  .xl\:px-3 {
    padding-right: 0.75rem;
  }
  .xl\:pb-3,
  .xl\:py-3 {
    padding-bottom: 0.75rem;
  }
  .xl\:pl-3,
  .xl\:px-3 {
    padding-left: 0.75rem;
  }
  .xl\:p-4 {
    padding: 1rem;
  }
  .xl\:pt-4,
  .xl\:py-4 {
    padding-top: 1rem;
  }
  .xl\:pr-4,
  .xl\:px-4 {
    padding-right: 1rem;
  }
  .xl\:pb-4,
  .xl\:py-4 {
    padding-bottom: 1rem;
  }
  .xl\:pl-4,
  .xl\:px-4 {
    padding-left: 1rem;
  }
  .xl\:p-5 {
    padding: 1.5rem;
  }
  .xl\:pt-5,
  .xl\:py-5 {
    padding-top: 1.5rem;
  }
  .xl\:pr-5,
  .xl\:px-5 {
    padding-right: 1.5rem;
  }
  .xl\:pb-5,
  .xl\:py-5 {
    padding-bottom: 1.5rem;
  }
  .xl\:pl-5,
  .xl\:px-5 {
    padding-left: 1.5rem;
  }
  .xl\:p-6 {
    padding: 2rem;
  }
  .xl\:pt-6,
  .xl\:py-6 {
    padding-top: 2rem;
  }
  .xl\:pr-6,
  .xl\:px-6 {
    padding-right: 2rem;
  }
  .xl\:pb-6,
  .xl\:py-6 {
    padding-bottom: 2rem;
  }
  .xl\:pl-6,
  .xl\:px-6 {
    padding-left: 2rem;
  }
  .xl\:p-7 {
    padding: 3rem;
  }
  .xl\:pt-7,
  .xl\:py-7 {
    padding-top: 3rem;
  }
  .xl\:pr-7,
  .xl\:px-7 {
    padding-right: 3rem;
  }
  .xl\:pb-7,
  .xl\:py-7 {
    padding-bottom: 3rem;
  }
  .xl\:pl-7,
  .xl\:px-7 {
    padding-left: 3rem;
  }
  .xl\:p-8 {
    padding: 4rem;
  }
  .xl\:pt-8,
  .xl\:py-8 {
    padding-top: 4rem;
  }
  .xl\:pr-8,
  .xl\:px-8 {
    padding-right: 4rem;
  }
  .xl\:pb-8,
  .xl\:py-8 {
    padding-bottom: 4rem;
  }
  .xl\:pl-8,
  .xl\:px-8 {
    padding-left: 4rem;
  }
  .xl\:p-9 {
    padding: 6rem;
  }
  .xl\:pt-9,
  .xl\:py-9 {
    padding-top: 6rem;
  }
  .xl\:pr-9,
  .xl\:px-9 {
    padding-right: 6rem;
  }
  .xl\:pb-9,
  .xl\:py-9 {
    padding-bottom: 6rem;
  }
  .xl\:pl-9,
  .xl\:px-9 {
    padding-left: 6rem;
  }
}

.h-0 {
  height: 0;
}

.h-1 {
  height: 0.25rem;
}

.h-2 {
  height: 0.5rem;
}

.h-3 {
  height: 0.75rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.5rem;
}

.h-6 {
  height: 2rem;
}

.h-7 {
  height: 3rem;
}

.h-8 {
  height: 4rem;
}

.h-9 {
  height: 6rem;
}

.h-px {
  height: 1px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

@media (min-width: 576px) {
  .sm\:h-0 {
    height: 0;
  }
  .sm\:h-1 {
    height: 0.25rem;
  }
  .sm\:h-2 {
    height: 0.5rem;
  }
  .sm\:h-3 {
    height: 0.75rem;
  }
  .sm\:h-4 {
    height: 1rem;
  }
  .sm\:h-5 {
    height: 1.5rem;
  }
  .sm\:h-6 {
    height: 2rem;
  }
  .sm\:h-7 {
    height: 3rem;
  }
  .sm\:h-8 {
    height: 4rem;
  }
  .sm\:h-9 {
    height: 6rem;
  }
  .sm\:h-px {
    height: 1px;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:h-full {
    height: 100%;
  }
  .sm\:h-screen {
    height: 100vh;
  }
}

@media (min-width: 768px) {
  .md\:h-0 {
    height: 0;
  }
  .md\:h-1 {
    height: 0.25rem;
  }
  .md\:h-2 {
    height: 0.5rem;
  }
  .md\:h-3 {
    height: 0.75rem;
  }
  .md\:h-4 {
    height: 1rem;
  }
  .md\:h-5 {
    height: 1.5rem;
  }
  .md\:h-6 {
    height: 2rem;
  }
  .md\:h-7 {
    height: 3rem;
  }
  .md\:h-8 {
    height: 4rem;
  }
  .md\:h-9 {
    height: 6rem;
  }
  .md\:h-px {
    height: 1px;
  }
  .md\:h-auto {
    height: auto;
  }
  .md\:h-full {
    height: 100%;
  }
  .md\:h-screen {
    height: 100vh;
  }
}

@media (min-width: 992px) {
  .lg\:h-0 {
    height: 0;
  }
  .lg\:h-1 {
    height: 0.25rem;
  }
  .lg\:h-2 {
    height: 0.5rem;
  }
  .lg\:h-3 {
    height: 0.75rem;
  }
  .lg\:h-4 {
    height: 1rem;
  }
  .lg\:h-5 {
    height: 1.5rem;
  }
  .lg\:h-6 {
    height: 2rem;
  }
  .lg\:h-7 {
    height: 3rem;
  }
  .lg\:h-8 {
    height: 4rem;
  }
  .lg\:h-9 {
    height: 6rem;
  }
  .lg\:h-px {
    height: 1px;
  }
  .lg\:h-auto {
    height: auto;
  }
  .lg\:h-full {
    height: 100%;
  }
  .lg\:h-screen {
    height: 100vh;
  }
}

@media (min-width: 1200px) {
  .xl\:h-0 {
    height: 0;
  }
  .xl\:h-1 {
    height: 0.25rem;
  }
  .xl\:h-2 {
    height: 0.5rem;
  }
  .xl\:h-3 {
    height: 0.75rem;
  }
  .xl\:h-4 {
    height: 1rem;
  }
  .xl\:h-5 {
    height: 1.5rem;
  }
  .xl\:h-6 {
    height: 2rem;
  }
  .xl\:h-7 {
    height: 3rem;
  }
  .xl\:h-8 {
    height: 4rem;
  }
  .xl\:h-9 {
    height: 6rem;
  }
  .xl\:h-px {
    height: 1px;
  }
  .xl\:h-auto {
    height: auto;
  }
  .xl\:h-full {
    height: 100%;
  }
  .xl\:h-screen {
    height: 100vh;
  }
}

.max-h-0 {
  max-height: 0;
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-0 {
  min-height: 0;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: 0.25rem;
}

.w-2 {
  width: 0.5rem;
}

.w-3 {
  width: 0.75rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.5rem;
}

.w-6 {
  width: 2rem;
}

.w-7 {
  width: 3rem;
}

.w-8 {
  width: 4rem;
}

.w-9 {
  width: 6rem;
}

.w-px {
  width: 1px;
}

.w-auto {
  width: auto;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

@media (min-width: 576px) {
  .sm\:w-0 {
    width: 0;
  }
  .sm\:w-1 {
    width: 0.25rem;
  }
  .sm\:w-2 {
    width: 0.5rem;
  }
  .sm\:w-3 {
    width: 0.75rem;
  }
  .sm\:w-4 {
    width: 1rem;
  }
  .sm\:w-5 {
    width: 1.5rem;
  }
  .sm\:w-6 {
    width: 2rem;
  }
  .sm\:w-7 {
    width: 3rem;
  }
  .sm\:w-8 {
    width: 4rem;
  }
  .sm\:w-9 {
    width: 6rem;
  }
  .sm\:w-px {
    width: 1px;
  }
  .sm\:w-auto {
    width: auto;
  }
  .sm\:w-full {
    width: 100%;
  }
  .sm\:w-screen {
    width: 100vw;
  }
}

@media (min-width: 768px) {
  .md\:w-0 {
    width: 0;
  }
  .md\:w-1 {
    width: 0.25rem;
  }
  .md\:w-2 {
    width: 0.5rem;
  }
  .md\:w-3 {
    width: 0.75rem;
  }
  .md\:w-4 {
    width: 1rem;
  }
  .md\:w-5 {
    width: 1.5rem;
  }
  .md\:w-6 {
    width: 2rem;
  }
  .md\:w-7 {
    width: 3rem;
  }
  .md\:w-8 {
    width: 4rem;
  }
  .md\:w-9 {
    width: 6rem;
  }
  .md\:w-px {
    width: 1px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:w-screen {
    width: 100vw;
  }
}

@media (min-width: 992px) {
  .lg\:w-0 {
    width: 0;
  }
  .lg\:w-1 {
    width: 0.25rem;
  }
  .lg\:w-2 {
    width: 0.5rem;
  }
  .lg\:w-3 {
    width: 0.75rem;
  }
  .lg\:w-4 {
    width: 1rem;
  }
  .lg\:w-5 {
    width: 1.5rem;
  }
  .lg\:w-6 {
    width: 2rem;
  }
  .lg\:w-7 {
    width: 3rem;
  }
  .lg\:w-8 {
    width: 4rem;
  }
  .lg\:w-9 {
    width: 6rem;
  }
  .lg\:w-px {
    width: 1px;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:w-full {
    width: 100%;
  }
  .lg\:w-screen {
    width: 100vw;
  }
}

@media (min-width: 1200px) {
  .xl\:w-0 {
    width: 0;
  }
  .xl\:w-1 {
    width: 0.25rem;
  }
  .xl\:w-2 {
    width: 0.5rem;
  }
  .xl\:w-3 {
    width: 0.75rem;
  }
  .xl\:w-4 {
    width: 1rem;
  }
  .xl\:w-5 {
    width: 1.5rem;
  }
  .xl\:w-6 {
    width: 2rem;
  }
  .xl\:w-7 {
    width: 3rem;
  }
  .xl\:w-8 {
    width: 4rem;
  }
  .xl\:w-9 {
    width: 6rem;
  }
  .xl\:w-px {
    width: 1px;
  }
  .xl\:w-auto {
    width: auto;
  }
  .xl\:w-full {
    width: 100%;
  }
  .xl\:w-screen {
    width: 100vw;
  }
}

.max-w-9 {
  max-width: 6rem;
}

.max-w-10 {
  max-width: 8rem;
}

.max-w-11 {
  max-width: 12rem;
}

.max-w-12 {
  max-width: 16rem;
}

.max-w-13 {
  max-width: 20rem;
}

.max-w-sm {
  max-width: 576px;
}

.max-w-md {
  max-width: 768px;
}

.max-w-lg {
  max-width: 992px;
}

.max-w-xl {
  max-width: 1200px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-screen {
  max-width: 100vw;
}

.max-w-none {
  max-width: none;
}

@media (min-width: 576px) {
  .sm\:max-w-9 {
    max-width: 6rem;
  }
  .sm\:max-w-10 {
    max-width: 8rem;
  }
  .sm\:max-w-11 {
    max-width: 12rem;
  }
  .sm\:max-w-12 {
    max-width: 16rem;
  }
  .sm\:max-w-13 {
    max-width: 20rem;
  }
  .sm\:max-w-sm {
    max-width: 576px;
  }
  .sm\:max-w-md {
    max-width: 768px;
  }
  .sm\:max-w-lg {
    max-width: 992px;
  }
  .sm\:max-w-xl {
    max-width: 1200px;
  }
  .sm\:max-w-full {
    max-width: 100%;
  }
  .sm\:max-w-screen {
    max-width: 100vw;
  }
  .sm\:max-w-none {
    max-width: none;
  }
}

@media (min-width: 768px) {
  .md\:max-w-9 {
    max-width: 6rem;
  }
  .md\:max-w-10 {
    max-width: 8rem;
  }
  .md\:max-w-11 {
    max-width: 12rem;
  }
  .md\:max-w-12 {
    max-width: 16rem;
  }
  .md\:max-w-13 {
    max-width: 20rem;
  }
  .md\:max-w-sm {
    max-width: 576px;
  }
  .md\:max-w-md {
    max-width: 768px;
  }
  .md\:max-w-lg {
    max-width: 992px;
  }
  .md\:max-w-xl {
    max-width: 1200px;
  }
  .md\:max-w-full {
    max-width: 100%;
  }
  .md\:max-w-screen {
    max-width: 100vw;
  }
  .md\:max-w-none {
    max-width: none;
  }
}

@media (min-width: 992px) {
  .lg\:max-w-9 {
    max-width: 6rem;
  }
  .lg\:max-w-10 {
    max-width: 8rem;
  }
  .lg\:max-w-11 {
    max-width: 12rem;
  }
  .lg\:max-w-12 {
    max-width: 16rem;
  }
  .lg\:max-w-13 {
    max-width: 20rem;
  }
  .lg\:max-w-sm {
    max-width: 576px;
  }
  .lg\:max-w-md {
    max-width: 768px;
  }
  .lg\:max-w-lg {
    max-width: 992px;
  }
  .lg\:max-w-xl {
    max-width: 1200px;
  }
  .lg\:max-w-full {
    max-width: 100%;
  }
  .lg\:max-w-screen {
    max-width: 100vw;
  }
  .lg\:max-w-none {
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .xl\:max-w-9 {
    max-width: 6rem;
  }
  .xl\:max-w-10 {
    max-width: 8rem;
  }
  .xl\:max-w-11 {
    max-width: 12rem;
  }
  .xl\:max-w-12 {
    max-width: 16rem;
  }
  .xl\:max-w-13 {
    max-width: 20rem;
  }
  .xl\:max-w-sm {
    max-width: 576px;
  }
  .xl\:max-w-md {
    max-width: 768px;
  }
  .xl\:max-w-lg {
    max-width: 992px;
  }
  .xl\:max-w-xl {
    max-width: 1200px;
  }
  .xl\:max-w-full {
    max-width: 100%;
  }
  .xl\:max-w-screen {
    max-width: 100vw;
  }
  .xl\:max-w-none {
    max-width: none;
  }
}

.min-w-0 {
  min-width: 0;
}

.min-w-50 {
  min-width: 50%;
}

.min-w-dropdown {
  min-width: 170px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-screen {
  min-width: 100vw;
}

@media (min-width: 576px) {
  .sm\:min-w-0 {
    min-width: 0;
  }
  .sm\:min-w-50 {
    min-width: 50%;
  }
  .sm\:min-w-dropdown {
    min-width: 170px;
  }
  .sm\:min-w-full {
    min-width: 100%;
  }
  .sm\:min-w-screen {
    min-width: 100vw;
  }
}

@media (min-width: 768px) {
  .md\:min-w-0 {
    min-width: 0;
  }
  .md\:min-w-50 {
    min-width: 50%;
  }
  .md\:min-w-dropdown {
    min-width: 170px;
  }
  .md\:min-w-full {
    min-width: 100%;
  }
  .md\:min-w-screen {
    min-width: 100vw;
  }
}

@media (min-width: 992px) {
  .lg\:min-w-0 {
    min-width: 0;
  }
  .lg\:min-w-50 {
    min-width: 50%;
  }
  .lg\:min-w-dropdown {
    min-width: 170px;
  }
  .lg\:min-w-full {
    min-width: 100%;
  }
  .lg\:min-w-screen {
    min-width: 100vw;
  }
}

@media (min-width: 1200px) {
  .xl\:min-w-0 {
    min-width: 0;
  }
  .xl\:min-w-50 {
    min-width: 50%;
  }
  .xl\:min-w-dropdown {
    min-width: 170px;
  }
  .xl\:min-w-full {
    min-width: 100%;
  }
  .xl\:min-w-screen {
    min-width: 100vw;
  }
}


.link-plain {
  text-decoration: none;
}

.link-plain:hover {
  color: inherit;
  text-decoration: none;
}

.link-stretched::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0);
}

.link-anchor {
  opacity: 0;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

:hover > .link-anchor, .link-anchor:focus {
  opacity: 1;
}

.link-anchor::before {
  content: "#";
}

.link-anchor:hover, .link-anchor:focus, .link-anchor:active {
  text-decoration: none;
}

.link {
  color: currentColor;
}

.link::after {
  background-color: currentColor;
  opacity: 0.2;
}

.link:focus, .link:hover {
  color: #609c9c;
}

.link:focus::after, .link:hover::after {
  background-color: #609c9c;
  opacity: 1;
}

.link-article {
  color: #609c9c;
}

.link-article::after {
  background-color: #609c9c;
  opacity: 0.2;
}

.link-article:focus::after, .link-article:hover::after {
  opacity: 1;
}

.link-implied {
  text-decoration: none;
  color: currentColor;
}

.link-implied:hover {
  color: inherit;
  text-decoration: none;
}

.link-implied::after {
  background-color: currentColor;
  opacity: 0;
}

.link-implied:focus::after, .link-implied:hover::after {
  opacity: 0.2;
}

.link,
.link-article,
.link-implied {
  position: relative;
}

.link::after,
.link-article::after,
.link-implied::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.125em;
  content: "";
  height: .125em;
}

.link:focus, .link:hover,
.link-article:focus,
.link-article:hover,
.link-implied:focus,
.link-implied:hover {
  text-decoration: none;
}

.link:active::after,
.link-article:active::after,
.link-implied:active::after {
  opacity: 1;
}


.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-bordered > :not(:last-child) {
  border-bottom: 1px solid #e2e8f0;
}

.list-item {
  margin: 0.5rem 0;
}

.list-divider {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  margin-bottom: 1rem;
}

.list-divider > * + * {
  padding-left: 0.5rem;
}

.list-divider > * + *::before {
  display: inline-block;
  padding-right: 0.5rem;
  content: "·";
}

.list-divider > * + *::before {
  color: #718096;
}

.list-divider > * + *[data-divider]::before {
  content: attr(data-divider);
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #555;
  text-align: inherit;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  z-index: 1;
  color: #555;
  text-decoration: none;
  background-color: #F7FAFC;
}

.list-group-item-action:active {
  color: #555;
  background-color: #edf2f7;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5em 1em;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #e2e8f0;
}

.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item:disabled, .list-group-item.is-disabled {
  color: #718096;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.is-active {
  z-index: 2;
  color: #fff;
  background-color: #609c9c;
  border-color: #609c9c;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .sm\:list-group-horizontal {
    flex-direction: row;
  }
  .sm\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .sm\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .sm\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .md\:list-group-horizontal {
    flex-direction: row;
  }
  .md\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .md\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .md\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .lg\:list-group-horizontal {
    flex-direction: row;
  }
  .lg\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .lg\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .lg\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .xl\:list-group-horizontal {
    flex-direction: row;
  }
  .xl\:list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .xl\:list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .xl\:list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.svg-icon {
  box-sizing: content-box;
  height: 1em;
}

.svg-icon {
  position: relative;
  bottom: -.125em;
  display: inline-block;
  width: 1em;
  line-height: 1;
  flex-shrink: 0;
}


.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

@media (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start;
  }
  .sm\:justify-content-end {
    justify-content: flex-end;
  }
  .sm\:justify-content-center {
    justify-content: center;
  }
  .sm\:justify-content-between {
    justify-content: space-between;
  }
  .sm\:justify-content-around {
    justify-content: space-around;
  }
}

@media (min-width: 768px) {
  .md\:justify-content-start {
    justify-content: flex-start;
  }
  .md\:justify-content-end {
    justify-content: flex-end;
  }
  .md\:justify-content-center {
    justify-content: center;
  }
  .md\:justify-content-between {
    justify-content: space-between;
  }
  .md\:justify-content-around {
    justify-content: space-around;
  }
}

@media (min-width: 992px) {
  .lg\:justify-content-start {
    justify-content: flex-start;
  }
  .lg\:justify-content-end {
    justify-content: flex-end;
  }
  .lg\:justify-content-center {
    justify-content: center;
  }
  .lg\:justify-content-between {
    justify-content: space-between;
  }
  .lg\:justify-content-around {
    justify-content: space-around;
  }
}

@media (min-width: 1200px) {
  .xl\:justify-content-start {
    justify-content: flex-start;
  }
  .xl\:justify-content-end {
    justify-content: flex-end;
  }
  .xl\:justify-content-center {
    justify-content: center;
  }
  .xl\:justify-content-between {
    justify-content: space-between;
  }
  .xl\:justify-content-around {
    justify-content: space-around;
  }
}


.media {
  display: flex;
  align-items: flex-start;
  flex: 1;
}

.media-body {
  flex: 1;
  min-width: 0;
}


.border {
  border: 1px solid #e2e8f0;
}

.border-top {
  border-top: 1px solid #e2e8f0;
}

.border-right {
  border-right: 1px solid #e2e8f0;
}

.border-bottom {
  border-bottom: 1px solid #e2e8f0;
}

.border-left {
  border-left: 1px solid #e2e8f0;
}

@media (min-width: 576px) {
  .sm\:border {
    border: 1px solid #e2e8f0;
  }
  .sm\:border-top {
    border-top: 1px solid #e2e8f0;
  }
  .sm\:border-right {
    border-right: 1px solid #e2e8f0;
  }
  .sm\:border-bottom {
    border-bottom: 1px solid #e2e8f0;
  }
  .sm\:border-left {
    border-left: 1px solid #e2e8f0;
  }
}

@media (min-width: 768px) {
  .md\:border {
    border: 1px solid #e2e8f0;
  }
  .md\:border-top {
    border-top: 1px solid #e2e8f0;
  }
  .md\:border-right {
    border-right: 1px solid #e2e8f0;
  }
  .md\:border-bottom {
    border-bottom: 1px solid #e2e8f0;
  }
  .md\:border-left {
    border-left: 1px solid #e2e8f0;
  }
}

@media (min-width: 992px) {
  .lg\:border {
    border: 1px solid #e2e8f0;
  }
  .lg\:border-top {
    border-top: 1px solid #e2e8f0;
  }
  .lg\:border-right {
    border-right: 1px solid #e2e8f0;
  }
  .lg\:border-bottom {
    border-bottom: 1px solid #e2e8f0;
  }
  .lg\:border-left {
    border-left: 1px solid #e2e8f0;
  }
}

@media (min-width: 1200px) {
  .xl\:border {
    border: 1px solid #e2e8f0;
  }
  .xl\:border-top {
    border-top: 1px solid #e2e8f0;
  }
  .xl\:border-right {
    border-right: 1px solid #e2e8f0;
  }
  .xl\:border-bottom {
    border-bottom: 1px solid #e2e8f0;
  }
  .xl\:border-left {
    border-left: 1px solid #e2e8f0;
  }
}

.border-transparent {
  border-color: transparent;
}

.border-translucent {
  border-color: rgba(255, 255, 255, 0.1);
}

.border-current {
  border-color: currentColor;
}

.border-note {
  border-color: #61a5ff;
}

.border-warning {
  border-color: #ef526e;
}

.border-black {
  border-color: #000;
}

.border-top-black {
  border-top-color: #000;
}

.border-right-black {
  border-right-color: #000;
}

.border-bottom-black {
  border-bottom-color: #000;
}

.border-left-black {
  border-left-color: #000;
}

.border-white {
  border-color: #fff;
}

.border-top-white {
  border-top-color: #fff;
}

.border-right-white {
  border-right-color: #fff;
}

.border-bottom-white {
  border-bottom-color: #fff;
}

.border-left-white {
  border-left-color: #fff;
}

.border-gray-100 {
  border-color: #F7FAFC;
}

.border-top-gray-100 {
  border-top-color: #F7FAFC;
}

.border-right-gray-100 {
  border-right-color: #F7FAFC;
}

.border-bottom-gray-100 {
  border-bottom-color: #F7FAFC;
}

.border-left-gray-100 {
  border-left-color: #F7FAFC;
}

.border-gray-200 {
  border-color: #edf2f7;
}

.border-top-gray-200 {
  border-top-color: #edf2f7;
}

.border-right-gray-200 {
  border-right-color: #edf2f7;
}

.border-bottom-gray-200 {
  border-bottom-color: #edf2f7;
}

.border-left-gray-200 {
  border-left-color: #edf2f7;
}

.border-gray-300 {
  border-color: #E2E8F0;
}

.border-top-gray-300 {
  border-top-color: #E2E8F0;
}

.border-right-gray-300 {
  border-right-color: #E2E8F0;
}

.border-bottom-gray-300 {
  border-bottom-color: #E2E8F0;
}

.border-left-gray-300 {
  border-left-color: #E2E8F0;
}

.border-gray-400 {
  border-color: #CBD5E0;
}

.border-top-gray-400 {
  border-top-color: #CBD5E0;
}

.border-right-gray-400 {
  border-right-color: #CBD5E0;
}

.border-bottom-gray-400 {
  border-bottom-color: #CBD5E0;
}

.border-left-gray-400 {
  border-left-color: #CBD5E0;
}

.border-gray-500 {
  border-color: #A0AEC0;
}

.border-top-gray-500 {
  border-top-color: #A0AEC0;
}

.border-right-gray-500 {
  border-right-color: #A0AEC0;
}

.border-bottom-gray-500 {
  border-bottom-color: #A0AEC0;
}

.border-left-gray-500 {
  border-left-color: #A0AEC0;
}

.border-gray-600 {
  border-color: #718096;
}

.border-top-gray-600 {
  border-top-color: #718096;
}

.border-right-gray-600 {
  border-right-color: #718096;
}

.border-bottom-gray-600 {
  border-bottom-color: #718096;
}

.border-left-gray-600 {
  border-left-color: #718096;
}

.border-gray-700 {
  border-color: #4A5568;
}

.border-top-gray-700 {
  border-top-color: #4A5568;
}

.border-right-gray-700 {
  border-right-color: #4A5568;
}

.border-bottom-gray-700 {
  border-bottom-color: #4A5568;
}

.border-left-gray-700 {
  border-left-color: #4A5568;
}

.border-gray-800 {
  border-color: #2D3748;
}

.border-top-gray-800 {
  border-top-color: #2D3748;
}

.border-right-gray-800 {
  border-right-color: #2D3748;
}

.border-bottom-gray-800 {
  border-bottom-color: #2D3748;
}

.border-left-gray-800 {
  border-left-color: #2D3748;
}

.border-gray-900 {
  border-color: #1A202C;
}

.border-top-gray-900 {
  border-top-color: #1A202C;
}

.border-right-gray-900 {
  border-right-color: #1A202C;
}

.border-bottom-gray-900 {
  border-bottom-color: #1A202C;
}

.border-left-gray-900 {
  border-left-color: #1A202C;
}

.border-red-500 {
  border-color: #F56565;
}

.border-top-red-500 {
  border-top-color: #F56565;
}

.border-right-red-500 {
  border-right-color: #F56565;
}

.border-bottom-red-500 {
  border-bottom-color: #F56565;
}

.border-left-red-500 {
  border-left-color: #F56565;
}

.border-orange-500 {
  border-color: #ED8936;
}

.border-top-orange-500 {
  border-top-color: #ED8936;
}

.border-right-orange-500 {
  border-right-color: #ED8936;
}

.border-bottom-orange-500 {
  border-bottom-color: #ED8936;
}

.border-left-orange-500 {
  border-left-color: #ED8936;
}

.border-green-500 {
  border-color: #48BB78;
}

.border-top-green-500 {
  border-top-color: #48BB78;
}

.border-right-green-500 {
  border-right-color: #48BB78;
}

.border-bottom-green-500 {
  border-bottom-color: #48BB78;
}

.border-left-green-500 {
  border-left-color: #48BB78;
}

.border-primary {
  border-color: #609c9c;
}

.border-top-primary {
  border-top-color: #609c9c;
}

.border-right-primary {
  border-right-color: #609c9c;
}

.border-bottom-primary {
  border-bottom-color: #609c9c;
}

.border-left-primary {
  border-left-color: #609c9c;
}

.border-secondary {
  border-color: #397170;
}

.border-top-secondary {
  border-top-color: #397170;
}

.border-right-secondary {
  border-right-color: #397170;
}

.border-bottom-secondary {
  border-bottom-color: #397170;
}

.border-left-secondary {
  border-left-color: #397170;
}

.border-tertiary {
  border-color: #bb4290;
}

.border-top-tertiary {
  border-top-color: #bb4290;
}

.border-right-tertiary {
  border-right-color: #bb4290;
}

.border-bottom-tertiary {
  border-bottom-color: #bb4290;
}

.border-left-tertiary {
  border-left-color: #bb4290;
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-translucent:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

.hover\:border-current:hover {
  border-color: currentColor;
}

.hover\:border-black:hover {
  border-color: #000;
}

.hover\:border-top-black:hover {
  border-top-color: #000;
}

.hover\:border-right-black:hover {
  border-right-color: #000;
}

.hover\:border-bottom-black:hover {
  border-bottom-color: #000;
}

.hover\:border-left-black:hover {
  border-left-color: #000;
}

.hover\:border-white:hover {
  border-color: #fff;
}

.hover\:border-top-white:hover {
  border-top-color: #fff;
}

.hover\:border-right-white:hover {
  border-right-color: #fff;
}

.hover\:border-bottom-white:hover {
  border-bottom-color: #fff;
}

.hover\:border-left-white:hover {
  border-left-color: #fff;
}

.hover\:border-gray-100:hover {
  border-color: #F7FAFC;
}

.hover\:border-top-gray-100:hover {
  border-top-color: #F7FAFC;
}

.hover\:border-right-gray-100:hover {
  border-right-color: #F7FAFC;
}

.hover\:border-bottom-gray-100:hover {
  border-bottom-color: #F7FAFC;
}

.hover\:border-left-gray-100:hover {
  border-left-color: #F7FAFC;
}

.hover\:border-gray-200:hover {
  border-color: #edf2f7;
}

.hover\:border-top-gray-200:hover {
  border-top-color: #edf2f7;
}

.hover\:border-right-gray-200:hover {
  border-right-color: #edf2f7;
}

.hover\:border-bottom-gray-200:hover {
  border-bottom-color: #edf2f7;
}

.hover\:border-left-gray-200:hover {
  border-left-color: #edf2f7;
}

.hover\:border-gray-300:hover {
  border-color: #E2E8F0;
}

.hover\:border-top-gray-300:hover {
  border-top-color: #E2E8F0;
}

.hover\:border-right-gray-300:hover {
  border-right-color: #E2E8F0;
}

.hover\:border-bottom-gray-300:hover {
  border-bottom-color: #E2E8F0;
}

.hover\:border-left-gray-300:hover {
  border-left-color: #E2E8F0;
}

.hover\:border-gray-400:hover {
  border-color: #CBD5E0;
}

.hover\:border-top-gray-400:hover {
  border-top-color: #CBD5E0;
}

.hover\:border-right-gray-400:hover {
  border-right-color: #CBD5E0;
}

.hover\:border-bottom-gray-400:hover {
  border-bottom-color: #CBD5E0;
}

.hover\:border-left-gray-400:hover {
  border-left-color: #CBD5E0;
}

.hover\:border-gray-500:hover {
  border-color: #A0AEC0;
}

.hover\:border-top-gray-500:hover {
  border-top-color: #A0AEC0;
}

.hover\:border-right-gray-500:hover {
  border-right-color: #A0AEC0;
}

.hover\:border-bottom-gray-500:hover {
  border-bottom-color: #A0AEC0;
}

.hover\:border-left-gray-500:hover {
  border-left-color: #A0AEC0;
}

.hover\:border-gray-600:hover {
  border-color: #718096;
}

.hover\:border-top-gray-600:hover {
  border-top-color: #718096;
}

.hover\:border-right-gray-600:hover {
  border-right-color: #718096;
}

.hover\:border-bottom-gray-600:hover {
  border-bottom-color: #718096;
}

.hover\:border-left-gray-600:hover {
  border-left-color: #718096;
}

.hover\:border-gray-700:hover {
  border-color: #4A5568;
}

.hover\:border-top-gray-700:hover {
  border-top-color: #4A5568;
}

.hover\:border-right-gray-700:hover {
  border-right-color: #4A5568;
}

.hover\:border-bottom-gray-700:hover {
  border-bottom-color: #4A5568;
}

.hover\:border-left-gray-700:hover {
  border-left-color: #4A5568;
}

.hover\:border-gray-800:hover {
  border-color: #2D3748;
}

.hover\:border-top-gray-800:hover {
  border-top-color: #2D3748;
}

.hover\:border-right-gray-800:hover {
  border-right-color: #2D3748;
}

.hover\:border-bottom-gray-800:hover {
  border-bottom-color: #2D3748;
}

.hover\:border-left-gray-800:hover {
  border-left-color: #2D3748;
}

.hover\:border-gray-900:hover {
  border-color: #1A202C;
}

.hover\:border-top-gray-900:hover {
  border-top-color: #1A202C;
}

.hover\:border-right-gray-900:hover {
  border-right-color: #1A202C;
}

.hover\:border-bottom-gray-900:hover {
  border-bottom-color: #1A202C;
}

.hover\:border-left-gray-900:hover {
  border-left-color: #1A202C;
}

.hover\:border-red-500:hover {
  border-color: #F56565;
}

.hover\:border-top-red-500:hover {
  border-top-color: #F56565;
}

.hover\:border-right-red-500:hover {
  border-right-color: #F56565;
}

.hover\:border-bottom-red-500:hover {
  border-bottom-color: #F56565;
}

.hover\:border-left-red-500:hover {
  border-left-color: #F56565;
}

.hover\:border-orange-500:hover {
  border-color: #ED8936;
}

.hover\:border-top-orange-500:hover {
  border-top-color: #ED8936;
}

.hover\:border-right-orange-500:hover {
  border-right-color: #ED8936;
}

.hover\:border-bottom-orange-500:hover {
  border-bottom-color: #ED8936;
}

.hover\:border-left-orange-500:hover {
  border-left-color: #ED8936;
}

.hover\:border-green-500:hover {
  border-color: #48BB78;
}

.hover\:border-top-green-500:hover {
  border-top-color: #48BB78;
}

.hover\:border-right-green-500:hover {
  border-right-color: #48BB78;
}

.hover\:border-bottom-green-500:hover {
  border-bottom-color: #48BB78;
}

.hover\:border-left-green-500:hover {
  border-left-color: #48BB78;
}

.hover\:border-primary:hover {
  border-color: #609c9c;
}

.hover\:border-top-primary:hover {
  border-top-color: #609c9c;
}

.hover\:border-right-primary:hover {
  border-right-color: #609c9c;
}

.hover\:border-bottom-primary:hover {
  border-bottom-color: #609c9c;
}

.hover\:border-left-primary:hover {
  border-left-color: #609c9c;
}

.hover\:border-secondary:hover {
  border-color: #397170;
}

.hover\:border-top-secondary:hover {
  border-top-color: #397170;
}

.hover\:border-right-secondary:hover {
  border-right-color: #397170;
}

.hover\:border-bottom-secondary:hover {
  border-bottom-color: #397170;
}

.hover\:border-left-secondary:hover {
  border-left-color: #397170;
}

.hover\:border-tertiary:hover {
  border-color: #bb4290;
}

.hover\:border-top-tertiary:hover {
  border-top-color: #bb4290;
}

.hover\:border-right-tertiary:hover {
  border-right-color: #bb4290;
}

.hover\:border-bottom-tertiary:hover {
  border-bottom-color: #bb4290;
}

.hover\:border-left-tertiary:hover {
  border-left-color: #bb4290;
}

@media (min-width: 576px) {
  .sm\:border-transparent {
    border-color: transparent;
  }
  .sm\:border-translucent {
    border-color: rgba(255, 255, 255, 0.1);
  }
  .sm\:border-current {
    border-color: currentColor;
  }
  .sm\:border-black {
    border-color: #000;
  }
  .sm\:border-top-black {
    border-top-color: #000;
  }
  .sm\:border-right-black {
    border-right-color: #000;
  }
  .sm\:border-bottom-black {
    border-bottom-color: #000;
  }
  .sm\:border-left-black {
    border-left-color: #000;
  }
  .sm\:border-white {
    border-color: #fff;
  }
  .sm\:border-top-white {
    border-top-color: #fff;
  }
  .sm\:border-right-white {
    border-right-color: #fff;
  }
  .sm\:border-bottom-white {
    border-bottom-color: #fff;
  }
  .sm\:border-left-white {
    border-left-color: #fff;
  }
  .sm\:border-gray-100 {
    border-color: #F7FAFC;
  }
  .sm\:border-top-gray-100 {
    border-top-color: #F7FAFC;
  }
  .sm\:border-right-gray-100 {
    border-right-color: #F7FAFC;
  }
  .sm\:border-bottom-gray-100 {
    border-bottom-color: #F7FAFC;
  }
  .sm\:border-left-gray-100 {
    border-left-color: #F7FAFC;
  }
  .sm\:border-gray-200 {
    border-color: #edf2f7;
  }
  .sm\:border-top-gray-200 {
    border-top-color: #edf2f7;
  }
  .sm\:border-right-gray-200 {
    border-right-color: #edf2f7;
  }
  .sm\:border-bottom-gray-200 {
    border-bottom-color: #edf2f7;
  }
  .sm\:border-left-gray-200 {
    border-left-color: #edf2f7;
  }
  .sm\:border-gray-300 {
    border-color: #E2E8F0;
  }
  .sm\:border-top-gray-300 {
    border-top-color: #E2E8F0;
  }
  .sm\:border-right-gray-300 {
    border-right-color: #E2E8F0;
  }
  .sm\:border-bottom-gray-300 {
    border-bottom-color: #E2E8F0;
  }
  .sm\:border-left-gray-300 {
    border-left-color: #E2E8F0;
  }
  .sm\:border-gray-400 {
    border-color: #CBD5E0;
  }
  .sm\:border-top-gray-400 {
    border-top-color: #CBD5E0;
  }
  .sm\:border-right-gray-400 {
    border-right-color: #CBD5E0;
  }
  .sm\:border-bottom-gray-400 {
    border-bottom-color: #CBD5E0;
  }
  .sm\:border-left-gray-400 {
    border-left-color: #CBD5E0;
  }
  .sm\:border-gray-500 {
    border-color: #A0AEC0;
  }
  .sm\:border-top-gray-500 {
    border-top-color: #A0AEC0;
  }
  .sm\:border-right-gray-500 {
    border-right-color: #A0AEC0;
  }
  .sm\:border-bottom-gray-500 {
    border-bottom-color: #A0AEC0;
  }
  .sm\:border-left-gray-500 {
    border-left-color: #A0AEC0;
  }
  .sm\:border-gray-600 {
    border-color: #718096;
  }
  .sm\:border-top-gray-600 {
    border-top-color: #718096;
  }
  .sm\:border-right-gray-600 {
    border-right-color: #718096;
  }
  .sm\:border-bottom-gray-600 {
    border-bottom-color: #718096;
  }
  .sm\:border-left-gray-600 {
    border-left-color: #718096;
  }
  .sm\:border-gray-700 {
    border-color: #4A5568;
  }
  .sm\:border-top-gray-700 {
    border-top-color: #4A5568;
  }
  .sm\:border-right-gray-700 {
    border-right-color: #4A5568;
  }
  .sm\:border-bottom-gray-700 {
    border-bottom-color: #4A5568;
  }
  .sm\:border-left-gray-700 {
    border-left-color: #4A5568;
  }
  .sm\:border-gray-800 {
    border-color: #2D3748;
  }
  .sm\:border-top-gray-800 {
    border-top-color: #2D3748;
  }
  .sm\:border-right-gray-800 {
    border-right-color: #2D3748;
  }
  .sm\:border-bottom-gray-800 {
    border-bottom-color: #2D3748;
  }
  .sm\:border-left-gray-800 {
    border-left-color: #2D3748;
  }
  .sm\:border-gray-900 {
    border-color: #1A202C;
  }
  .sm\:border-top-gray-900 {
    border-top-color: #1A202C;
  }
  .sm\:border-right-gray-900 {
    border-right-color: #1A202C;
  }
  .sm\:border-bottom-gray-900 {
    border-bottom-color: #1A202C;
  }
  .sm\:border-left-gray-900 {
    border-left-color: #1A202C;
  }
  .sm\:border-red-500 {
    border-color: #F56565;
  }
  .sm\:border-top-red-500 {
    border-top-color: #F56565;
  }
  .sm\:border-right-red-500 {
    border-right-color: #F56565;
  }
  .sm\:border-bottom-red-500 {
    border-bottom-color: #F56565;
  }
  .sm\:border-left-red-500 {
    border-left-color: #F56565;
  }
  .sm\:border-orange-500 {
    border-color: #ED8936;
  }
  .sm\:border-top-orange-500 {
    border-top-color: #ED8936;
  }
  .sm\:border-right-orange-500 {
    border-right-color: #ED8936;
  }
  .sm\:border-bottom-orange-500 {
    border-bottom-color: #ED8936;
  }
  .sm\:border-left-orange-500 {
    border-left-color: #ED8936;
  }
  .sm\:border-green-500 {
    border-color: #48BB78;
  }
  .sm\:border-top-green-500 {
    border-top-color: #48BB78;
  }
  .sm\:border-right-green-500 {
    border-right-color: #48BB78;
  }
  .sm\:border-bottom-green-500 {
    border-bottom-color: #48BB78;
  }
  .sm\:border-left-green-500 {
    border-left-color: #48BB78;
  }
  .sm\:border-primary {
    border-color: #609c9c;
  }
  .sm\:border-top-primary {
    border-top-color: #609c9c;
  }
  .sm\:border-right-primary {
    border-right-color: #609c9c;
  }
  .sm\:border-bottom-primary {
    border-bottom-color: #609c9c;
  }
  .sm\:border-left-primary {
    border-left-color: #609c9c;
  }
  .sm\:border-secondary {
    border-color: #397170;
  }
  .sm\:border-top-secondary {
    border-top-color: #397170;
  }
  .sm\:border-right-secondary {
    border-right-color: #397170;
  }
  .sm\:border-bottom-secondary {
    border-bottom-color: #397170;
  }
  .sm\:border-left-secondary {
    border-left-color: #397170;
  }
  .sm\:border-tertiary {
    border-color: #bb4290;
  }
  .sm\:border-top-tertiary {
    border-top-color: #bb4290;
  }
  .sm\:border-right-tertiary {
    border-right-color: #bb4290;
  }
  .sm\:border-bottom-tertiary {
    border-bottom-color: #bb4290;
  }
  .sm\:border-left-tertiary {
    border-left-color: #bb4290;
  }
}

@media (min-width: 768px) {
  .md\:border-transparent {
    border-color: transparent;
  }
  .md\:border-translucent {
    border-color: rgba(255, 255, 255, 0.1);
  }
  .md\:border-current {
    border-color: currentColor;
  }
  .md\:border-black {
    border-color: #000;
  }
  .md\:border-top-black {
    border-top-color: #000;
  }
  .md\:border-right-black {
    border-right-color: #000;
  }
  .md\:border-bottom-black {
    border-bottom-color: #000;
  }
  .md\:border-left-black {
    border-left-color: #000;
  }
  .md\:border-white {
    border-color: #fff;
  }
  .md\:border-top-white {
    border-top-color: #fff;
  }
  .md\:border-right-white {
    border-right-color: #fff;
  }
  .md\:border-bottom-white {
    border-bottom-color: #fff;
  }
  .md\:border-left-white {
    border-left-color: #fff;
  }
  .md\:border-gray-100 {
    border-color: #F7FAFC;
  }
  .md\:border-top-gray-100 {
    border-top-color: #F7FAFC;
  }
  .md\:border-right-gray-100 {
    border-right-color: #F7FAFC;
  }
  .md\:border-bottom-gray-100 {
    border-bottom-color: #F7FAFC;
  }
  .md\:border-left-gray-100 {
    border-left-color: #F7FAFC;
  }
  .md\:border-gray-200 {
    border-color: #edf2f7;
  }
  .md\:border-top-gray-200 {
    border-top-color: #edf2f7;
  }
  .md\:border-right-gray-200 {
    border-right-color: #edf2f7;
  }
  .md\:border-bottom-gray-200 {
    border-bottom-color: #edf2f7;
  }
  .md\:border-left-gray-200 {
    border-left-color: #edf2f7;
  }
  .md\:border-gray-300 {
    border-color: #E2E8F0;
  }
  .md\:border-top-gray-300 {
    border-top-color: #E2E8F0;
  }
  .md\:border-right-gray-300 {
    border-right-color: #E2E8F0;
  }
  .md\:border-bottom-gray-300 {
    border-bottom-color: #E2E8F0;
  }
  .md\:border-left-gray-300 {
    border-left-color: #E2E8F0;
  }
  .md\:border-gray-400 {
    border-color: #CBD5E0;
  }
  .md\:border-top-gray-400 {
    border-top-color: #CBD5E0;
  }
  .md\:border-right-gray-400 {
    border-right-color: #CBD5E0;
  }
  .md\:border-bottom-gray-400 {
    border-bottom-color: #CBD5E0;
  }
  .md\:border-left-gray-400 {
    border-left-color: #CBD5E0;
  }
  .md\:border-gray-500 {
    border-color: #A0AEC0;
  }
  .md\:border-top-gray-500 {
    border-top-color: #A0AEC0;
  }
  .md\:border-right-gray-500 {
    border-right-color: #A0AEC0;
  }
  .md\:border-bottom-gray-500 {
    border-bottom-color: #A0AEC0;
  }
  .md\:border-left-gray-500 {
    border-left-color: #A0AEC0;
  }
  .md\:border-gray-600 {
    border-color: #718096;
  }
  .md\:border-top-gray-600 {
    border-top-color: #718096;
  }
  .md\:border-right-gray-600 {
    border-right-color: #718096;
  }
  .md\:border-bottom-gray-600 {
    border-bottom-color: #718096;
  }
  .md\:border-left-gray-600 {
    border-left-color: #718096;
  }
  .md\:border-gray-700 {
    border-color: #4A5568;
  }
  .md\:border-top-gray-700 {
    border-top-color: #4A5568;
  }
  .md\:border-right-gray-700 {
    border-right-color: #4A5568;
  }
  .md\:border-bottom-gray-700 {
    border-bottom-color: #4A5568;
  }
  .md\:border-left-gray-700 {
    border-left-color: #4A5568;
  }
  .md\:border-gray-800 {
    border-color: #2D3748;
  }
  .md\:border-top-gray-800 {
    border-top-color: #2D3748;
  }
  .md\:border-right-gray-800 {
    border-right-color: #2D3748;
  }
  .md\:border-bottom-gray-800 {
    border-bottom-color: #2D3748;
  }
  .md\:border-left-gray-800 {
    border-left-color: #2D3748;
  }
  .md\:border-gray-900 {
    border-color: #1A202C;
  }
  .md\:border-top-gray-900 {
    border-top-color: #1A202C;
  }
  .md\:border-right-gray-900 {
    border-right-color: #1A202C;
  }
  .md\:border-bottom-gray-900 {
    border-bottom-color: #1A202C;
  }
  .md\:border-left-gray-900 {
    border-left-color: #1A202C;
  }
  .md\:border-red-500 {
    border-color: #F56565;
  }
  .md\:border-top-red-500 {
    border-top-color: #F56565;
  }
  .md\:border-right-red-500 {
    border-right-color: #F56565;
  }
  .md\:border-bottom-red-500 {
    border-bottom-color: #F56565;
  }
  .md\:border-left-red-500 {
    border-left-color: #F56565;
  }
  .md\:border-orange-500 {
    border-color: #ED8936;
  }
  .md\:border-top-orange-500 {
    border-top-color: #ED8936;
  }
  .md\:border-right-orange-500 {
    border-right-color: #ED8936;
  }
  .md\:border-bottom-orange-500 {
    border-bottom-color: #ED8936;
  }
  .md\:border-left-orange-500 {
    border-left-color: #ED8936;
  }
  .md\:border-green-500 {
    border-color: #48BB78;
  }
  .md\:border-top-green-500 {
    border-top-color: #48BB78;
  }
  .md\:border-right-green-500 {
    border-right-color: #48BB78;
  }
  .md\:border-bottom-green-500 {
    border-bottom-color: #48BB78;
  }
  .md\:border-left-green-500 {
    border-left-color: #48BB78;
  }
  .md\:border-primary {
    border-color: #609c9c;
  }
  .md\:border-top-primary {
    border-top-color: #609c9c;
  }
  .md\:border-right-primary {
    border-right-color: #609c9c;
  }
  .md\:border-bottom-primary {
    border-bottom-color: #609c9c;
  }
  .md\:border-left-primary {
    border-left-color: #609c9c;
  }
  .md\:border-secondary {
    border-color: #397170;
  }
  .md\:border-top-secondary {
    border-top-color: #397170;
  }
  .md\:border-right-secondary {
    border-right-color: #397170;
  }
  .md\:border-bottom-secondary {
    border-bottom-color: #397170;
  }
  .md\:border-left-secondary {
    border-left-color: #397170;
  }
  .md\:border-tertiary {
    border-color: #bb4290;
  }
  .md\:border-top-tertiary {
    border-top-color: #bb4290;
  }
  .md\:border-right-tertiary {
    border-right-color: #bb4290;
  }
  .md\:border-bottom-tertiary {
    border-bottom-color: #bb4290;
  }
  .md\:border-left-tertiary {
    border-left-color: #bb4290;
  }
}

@media (min-width: 992px) {
  .lg\:border-transparent {
    border-color: transparent;
  }
  .lg\:border-translucent {
    border-color: rgba(255, 255, 255, 0.1);
  }
  .lg\:border-current {
    border-color: currentColor;
  }
  .lg\:border-black {
    border-color: #000;
  }
  .lg\:border-top-black {
    border-top-color: #000;
  }
  .lg\:border-right-black {
    border-right-color: #000;
  }
  .lg\:border-bottom-black {
    border-bottom-color: #000;
  }
  .lg\:border-left-black {
    border-left-color: #000;
  }
  .lg\:border-white {
    border-color: #fff;
  }
  .lg\:border-top-white {
    border-top-color: #fff;
  }
  .lg\:border-right-white {
    border-right-color: #fff;
  }
  .lg\:border-bottom-white {
    border-bottom-color: #fff;
  }
  .lg\:border-left-white {
    border-left-color: #fff;
  }
  .lg\:border-gray-100 {
    border-color: #F7FAFC;
  }
  .lg\:border-top-gray-100 {
    border-top-color: #F7FAFC;
  }
  .lg\:border-right-gray-100 {
    border-right-color: #F7FAFC;
  }
  .lg\:border-bottom-gray-100 {
    border-bottom-color: #F7FAFC;
  }
  .lg\:border-left-gray-100 {
    border-left-color: #F7FAFC;
  }
  .lg\:border-gray-200 {
    border-color: #edf2f7;
  }
  .lg\:border-top-gray-200 {
    border-top-color: #edf2f7;
  }
  .lg\:border-right-gray-200 {
    border-right-color: #edf2f7;
  }
  .lg\:border-bottom-gray-200 {
    border-bottom-color: #edf2f7;
  }
  .lg\:border-left-gray-200 {
    border-left-color: #edf2f7;
  }
  .lg\:border-gray-300 {
    border-color: #E2E8F0;
  }
  .lg\:border-top-gray-300 {
    border-top-color: #E2E8F0;
  }
  .lg\:border-right-gray-300 {
    border-right-color: #E2E8F0;
  }
  .lg\:border-bottom-gray-300 {
    border-bottom-color: #E2E8F0;
  }
  .lg\:border-left-gray-300 {
    border-left-color: #E2E8F0;
  }
  .lg\:border-gray-400 {
    border-color: #CBD5E0;
  }
  .lg\:border-top-gray-400 {
    border-top-color: #CBD5E0;
  }
  .lg\:border-right-gray-400 {
    border-right-color: #CBD5E0;
  }
  .lg\:border-bottom-gray-400 {
    border-bottom-color: #CBD5E0;
  }
  .lg\:border-left-gray-400 {
    border-left-color: #CBD5E0;
  }
  .lg\:border-gray-500 {
    border-color: #A0AEC0;
  }
  .lg\:border-top-gray-500 {
    border-top-color: #A0AEC0;
  }
  .lg\:border-right-gray-500 {
    border-right-color: #A0AEC0;
  }
  .lg\:border-bottom-gray-500 {
    border-bottom-color: #A0AEC0;
  }
  .lg\:border-left-gray-500 {
    border-left-color: #A0AEC0;
  }
  .lg\:border-gray-600 {
    border-color: #718096;
  }
  .lg\:border-top-gray-600 {
    border-top-color: #718096;
  }
  .lg\:border-right-gray-600 {
    border-right-color: #718096;
  }
  .lg\:border-bottom-gray-600 {
    border-bottom-color: #718096;
  }
  .lg\:border-left-gray-600 {
    border-left-color: #718096;
  }
  .lg\:border-gray-700 {
    border-color: #4A5568;
  }
  .lg\:border-top-gray-700 {
    border-top-color: #4A5568;
  }
  .lg\:border-right-gray-700 {
    border-right-color: #4A5568;
  }
  .lg\:border-bottom-gray-700 {
    border-bottom-color: #4A5568;
  }
  .lg\:border-left-gray-700 {
    border-left-color: #4A5568;
  }
  .lg\:border-gray-800 {
    border-color: #2D3748;
  }
  .lg\:border-top-gray-800 {
    border-top-color: #2D3748;
  }
  .lg\:border-right-gray-800 {
    border-right-color: #2D3748;
  }
  .lg\:border-bottom-gray-800 {
    border-bottom-color: #2D3748;
  }
  .lg\:border-left-gray-800 {
    border-left-color: #2D3748;
  }
  .lg\:border-gray-900 {
    border-color: #1A202C;
  }
  .lg\:border-top-gray-900 {
    border-top-color: #1A202C;
  }
  .lg\:border-right-gray-900 {
    border-right-color: #1A202C;
  }
  .lg\:border-bottom-gray-900 {
    border-bottom-color: #1A202C;
  }
  .lg\:border-left-gray-900 {
    border-left-color: #1A202C;
  }
  .lg\:border-red-500 {
    border-color: #F56565;
  }
  .lg\:border-top-red-500 {
    border-top-color: #F56565;
  }
  .lg\:border-right-red-500 {
    border-right-color: #F56565;
  }
  .lg\:border-bottom-red-500 {
    border-bottom-color: #F56565;
  }
  .lg\:border-left-red-500 {
    border-left-color: #F56565;
  }
  .lg\:border-orange-500 {
    border-color: #ED8936;
  }
  .lg\:border-top-orange-500 {
    border-top-color: #ED8936;
  }
  .lg\:border-right-orange-500 {
    border-right-color: #ED8936;
  }
  .lg\:border-bottom-orange-500 {
    border-bottom-color: #ED8936;
  }
  .lg\:border-left-orange-500 {
    border-left-color: #ED8936;
  }
  .lg\:border-green-500 {
    border-color: #48BB78;
  }
  .lg\:border-top-green-500 {
    border-top-color: #48BB78;
  }
  .lg\:border-right-green-500 {
    border-right-color: #48BB78;
  }
  .lg\:border-bottom-green-500 {
    border-bottom-color: #48BB78;
  }
  .lg\:border-left-green-500 {
    border-left-color: #48BB78;
  }
  .lg\:border-primary {
    border-color: #609c9c;
  }
  .lg\:border-top-primary {
    border-top-color: #609c9c;
  }
  .lg\:border-right-primary {
    border-right-color: #609c9c;
  }
  .lg\:border-bottom-primary {
    border-bottom-color: #609c9c;
  }
  .lg\:border-left-primary {
    border-left-color: #609c9c;
  }
  .lg\:border-secondary {
    border-color: #397170;
  }
  .lg\:border-top-secondary {
    border-top-color: #397170;
  }
  .lg\:border-right-secondary {
    border-right-color: #397170;
  }
  .lg\:border-bottom-secondary {
    border-bottom-color: #397170;
  }
  .lg\:border-left-secondary {
    border-left-color: #397170;
  }
  .lg\:border-tertiary {
    border-color: #bb4290;
  }
  .lg\:border-top-tertiary {
    border-top-color: #bb4290;
  }
  .lg\:border-right-tertiary {
    border-right-color: #bb4290;
  }
  .lg\:border-bottom-tertiary {
    border-bottom-color: #bb4290;
  }
  .lg\:border-left-tertiary {
    border-left-color: #bb4290;
  }
}

@media (min-width: 1200px) {
  .xl\:border-transparent {
    border-color: transparent;
  }
  .xl\:border-translucent {
    border-color: rgba(255, 255, 255, 0.1);
  }
  .xl\:border-current {
    border-color: currentColor;
  }
  .xl\:border-black {
    border-color: #000;
  }
  .xl\:border-top-black {
    border-top-color: #000;
  }
  .xl\:border-right-black {
    border-right-color: #000;
  }
  .xl\:border-bottom-black {
    border-bottom-color: #000;
  }
  .xl\:border-left-black {
    border-left-color: #000;
  }
  .xl\:border-white {
    border-color: #fff;
  }
  .xl\:border-top-white {
    border-top-color: #fff;
  }
  .xl\:border-right-white {
    border-right-color: #fff;
  }
  .xl\:border-bottom-white {
    border-bottom-color: #fff;
  }
  .xl\:border-left-white {
    border-left-color: #fff;
  }
  .xl\:border-gray-100 {
    border-color: #F7FAFC;
  }
  .xl\:border-top-gray-100 {
    border-top-color: #F7FAFC;
  }
  .xl\:border-right-gray-100 {
    border-right-color: #F7FAFC;
  }
  .xl\:border-bottom-gray-100 {
    border-bottom-color: #F7FAFC;
  }
  .xl\:border-left-gray-100 {
    border-left-color: #F7FAFC;
  }
  .xl\:border-gray-200 {
    border-color: #edf2f7;
  }
  .xl\:border-top-gray-200 {
    border-top-color: #edf2f7;
  }
  .xl\:border-right-gray-200 {
    border-right-color: #edf2f7;
  }
  .xl\:border-bottom-gray-200 {
    border-bottom-color: #edf2f7;
  }
  .xl\:border-left-gray-200 {
    border-left-color: #edf2f7;
  }
  .xl\:border-gray-300 {
    border-color: #E2E8F0;
  }
  .xl\:border-top-gray-300 {
    border-top-color: #E2E8F0;
  }
  .xl\:border-right-gray-300 {
    border-right-color: #E2E8F0;
  }
  .xl\:border-bottom-gray-300 {
    border-bottom-color: #E2E8F0;
  }
  .xl\:border-left-gray-300 {
    border-left-color: #E2E8F0;
  }
  .xl\:border-gray-400 {
    border-color: #CBD5E0;
  }
  .xl\:border-top-gray-400 {
    border-top-color: #CBD5E0;
  }
  .xl\:border-right-gray-400 {
    border-right-color: #CBD5E0;
  }
  .xl\:border-bottom-gray-400 {
    border-bottom-color: #CBD5E0;
  }
  .xl\:border-left-gray-400 {
    border-left-color: #CBD5E0;
  }
  .xl\:border-gray-500 {
    border-color: #A0AEC0;
  }
  .xl\:border-top-gray-500 {
    border-top-color: #A0AEC0;
  }
  .xl\:border-right-gray-500 {
    border-right-color: #A0AEC0;
  }
  .xl\:border-bottom-gray-500 {
    border-bottom-color: #A0AEC0;
  }
  .xl\:border-left-gray-500 {
    border-left-color: #A0AEC0;
  }
  .xl\:border-gray-600 {
    border-color: #718096;
  }
  .xl\:border-top-gray-600 {
    border-top-color: #718096;
  }
  .xl\:border-right-gray-600 {
    border-right-color: #718096;
  }
  .xl\:border-bottom-gray-600 {
    border-bottom-color: #718096;
  }
  .xl\:border-left-gray-600 {
    border-left-color: #718096;
  }
  .xl\:border-gray-700 {
    border-color: #4A5568;
  }
  .xl\:border-top-gray-700 {
    border-top-color: #4A5568;
  }
  .xl\:border-right-gray-700 {
    border-right-color: #4A5568;
  }
  .xl\:border-bottom-gray-700 {
    border-bottom-color: #4A5568;
  }
  .xl\:border-left-gray-700 {
    border-left-color: #4A5568;
  }
  .xl\:border-gray-800 {
    border-color: #2D3748;
  }
  .xl\:border-top-gray-800 {
    border-top-color: #2D3748;
  }
  .xl\:border-right-gray-800 {
    border-right-color: #2D3748;
  }
  .xl\:border-bottom-gray-800 {
    border-bottom-color: #2D3748;
  }
  .xl\:border-left-gray-800 {
    border-left-color: #2D3748;
  }
  .xl\:border-gray-900 {
    border-color: #1A202C;
  }
  .xl\:border-top-gray-900 {
    border-top-color: #1A202C;
  }
  .xl\:border-right-gray-900 {
    border-right-color: #1A202C;
  }
  .xl\:border-bottom-gray-900 {
    border-bottom-color: #1A202C;
  }
  .xl\:border-left-gray-900 {
    border-left-color: #1A202C;
  }
  .xl\:border-red-500 {
    border-color: #F56565;
  }
  .xl\:border-top-red-500 {
    border-top-color: #F56565;
  }
  .xl\:border-right-red-500 {
    border-right-color: #F56565;
  }
  .xl\:border-bottom-red-500 {
    border-bottom-color: #F56565;
  }
  .xl\:border-left-red-500 {
    border-left-color: #F56565;
  }
  .xl\:border-orange-500 {
    border-color: #ED8936;
  }
  .xl\:border-top-orange-500 {
    border-top-color: #ED8936;
  }
  .xl\:border-right-orange-500 {
    border-right-color: #ED8936;
  }
  .xl\:border-bottom-orange-500 {
    border-bottom-color: #ED8936;
  }
  .xl\:border-left-orange-500 {
    border-left-color: #ED8936;
  }
  .xl\:border-green-500 {
    border-color: #48BB78;
  }
  .xl\:border-top-green-500 {
    border-top-color: #48BB78;
  }
  .xl\:border-right-green-500 {
    border-right-color: #48BB78;
  }
  .xl\:border-bottom-green-500 {
    border-bottom-color: #48BB78;
  }
  .xl\:border-left-green-500 {
    border-left-color: #48BB78;
  }
  .xl\:border-primary {
    border-color: #609c9c;
  }
  .xl\:border-top-primary {
    border-top-color: #609c9c;
  }
  .xl\:border-right-primary {
    border-right-color: #609c9c;
  }
  .xl\:border-bottom-primary {
    border-bottom-color: #609c9c;
  }
  .xl\:border-left-primary {
    border-left-color: #609c9c;
  }
  .xl\:border-secondary {
    border-color: #397170;
  }
  .xl\:border-top-secondary {
    border-top-color: #397170;
  }
  .xl\:border-right-secondary {
    border-right-color: #397170;
  }
  .xl\:border-bottom-secondary {
    border-bottom-color: #397170;
  }
  .xl\:border-left-secondary {
    border-left-color: #397170;
  }
  .xl\:border-tertiary {
    border-color: #bb4290;
  }
  .xl\:border-top-tertiary {
    border-top-color: #bb4290;
  }
  .xl\:border-right-tertiary {
    border-right-color: #bb4290;
  }
  .xl\:border-bottom-tertiary {
    border-bottom-color: #bb4290;
  }
  .xl\:border-left-tertiary {
    border-left-color: #bb4290;
  }
}

.border-radius {
  border-radius: 4px;
}

.border-radius-0 {
  border-radius: 0;
}

.border-radius-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.border-radius-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.border-radius-bottom {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.border-radius-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded {
  border-radius: 2rem;
}

.circle {
  border-radius: 50%;
}

@media (min-width: 576px) {
  .sm\:border-radius {
    border-radius: 4px;
  }
  .sm\:border-radius-0 {
    border-radius: 0;
  }
  .sm\:border-radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .sm\:border-radius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .sm\:border-radius-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .sm\:border-radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .sm\:rounded {
    border-radius: 2rem;
  }
  .sm\:circle {
    border-radius: 50%;
  }
}

@media (min-width: 768px) {
  .md\:border-radius {
    border-radius: 4px;
  }
  .md\:border-radius-0 {
    border-radius: 0;
  }
  .md\:border-radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .md\:border-radius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .md\:border-radius-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .md\:border-radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .md\:rounded {
    border-radius: 2rem;
  }
  .md\:circle {
    border-radius: 50%;
  }
}

@media (min-width: 992px) {
  .lg\:border-radius {
    border-radius: 4px;
  }
  .lg\:border-radius-0 {
    border-radius: 0;
  }
  .lg\:border-radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .lg\:border-radius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .lg\:border-radius-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .lg\:border-radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .lg\:rounded {
    border-radius: 2rem;
  }
  .lg\:circle {
    border-radius: 50%;
  }
}

@media (min-width: 1200px) {
  .xl\:border-radius {
    border-radius: 4px;
  }
  .xl\:border-radius-0 {
    border-radius: 0;
  }
  .xl\:border-radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .xl\:border-radius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .xl\:border-radius-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .xl\:border-radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .xl\:rounded {
    border-radius: 2rem;
  }
  .xl\:circle {
    border-radius: 50%;
  }
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border-style: none;
}

.border-1 {
  border-width: 1px;
}

.border-top-1 {
  border-top-width: 1px;
}

.border-right-1 {
  border-right-width: 1px;
}

.border-bottom-1 {
  border-bottom-width: 1px;
}

.border-left-1 {
  border-left-width: 1px;
}

.border-2 {
  border-width: 2px;
}

.border-top-2 {
  border-top-width: 2px;
}

.border-right-2 {
  border-right-width: 2px;
}

.border-bottom-2 {
  border-bottom-width: 2px;
}

.border-left-2 {
  border-left-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-top-3 {
  border-top-width: 3px;
}

.border-right-3 {
  border-right-width: 3px;
}

.border-bottom-3 {
  border-bottom-width: 3px;
}

.border-left-3 {
  border-left-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-top-4 {
  border-top-width: 4px;
}

.border-right-4 {
  border-right-width: 4px;
}

.border-bottom-4 {
  border-bottom-width: 4px;
}

.border-left-4 {
  border-left-width: 4px;
}

.border-0 {
  border-width: 0;
}

.border-top-0 {
  border-top-width: 0;
}

.border-right-0 {
  border-right-width: 0;
}

.border-bottom-0 {
  border-bottom-width: 0;
}

.border-left-0 {
  border-left-width: 0;
}

@media (min-width: 576px) {
  .sm\:border-1 {
    border-width: 1px;
  }
  .sm\:border-top-1 {
    border-top-width: 1px;
  }
  .sm\:border-right-1 {
    border-right-width: 1px;
  }
  .sm\:border-bottom-1 {
    border-bottom-width: 1px;
  }
  .sm\:border-left-1 {
    border-left-width: 1px;
  }
  .sm\:border-2 {
    border-width: 2px;
  }
  .sm\:border-top-2 {
    border-top-width: 2px;
  }
  .sm\:border-right-2 {
    border-right-width: 2px;
  }
  .sm\:border-bottom-2 {
    border-bottom-width: 2px;
  }
  .sm\:border-left-2 {
    border-left-width: 2px;
  }
  .sm\:border-3 {
    border-width: 3px;
  }
  .sm\:border-top-3 {
    border-top-width: 3px;
  }
  .sm\:border-right-3 {
    border-right-width: 3px;
  }
  .sm\:border-bottom-3 {
    border-bottom-width: 3px;
  }
  .sm\:border-left-3 {
    border-left-width: 3px;
  }
  .sm\:border-4 {
    border-width: 4px;
  }
  .sm\:border-top-4 {
    border-top-width: 4px;
  }
  .sm\:border-right-4 {
    border-right-width: 4px;
  }
  .sm\:border-bottom-4 {
    border-bottom-width: 4px;
  }
  .sm\:border-left-4 {
    border-left-width: 4px;
  }
  .sm\:border-0 {
    border-width: 0;
  }
  .sm\:border-top-0 {
    border-top-width: 0;
  }
  .sm\:border-right-0 {
    border-right-width: 0;
  }
  .sm\:border-bottom-0 {
    border-bottom-width: 0;
  }
  .sm\:border-left-0 {
    border-left-width: 0;
  }
}

@media (min-width: 768px) {
  .md\:border-1 {
    border-width: 1px;
  }
  .md\:border-top-1 {
    border-top-width: 1px;
  }
  .md\:border-right-1 {
    border-right-width: 1px;
  }
  .md\:border-bottom-1 {
    border-bottom-width: 1px;
  }
  .md\:border-left-1 {
    border-left-width: 1px;
  }
  .md\:border-2 {
    border-width: 2px;
  }
  .md\:border-top-2 {
    border-top-width: 2px;
  }
  .md\:border-right-2 {
    border-right-width: 2px;
  }
  .md\:border-bottom-2 {
    border-bottom-width: 2px;
  }
  .md\:border-left-2 {
    border-left-width: 2px;
  }
  .md\:border-3 {
    border-width: 3px;
  }
  .md\:border-top-3 {
    border-top-width: 3px;
  }
  .md\:border-right-3 {
    border-right-width: 3px;
  }
  .md\:border-bottom-3 {
    border-bottom-width: 3px;
  }
  .md\:border-left-3 {
    border-left-width: 3px;
  }
  .md\:border-4 {
    border-width: 4px;
  }
  .md\:border-top-4 {
    border-top-width: 4px;
  }
  .md\:border-right-4 {
    border-right-width: 4px;
  }
  .md\:border-bottom-4 {
    border-bottom-width: 4px;
  }
  .md\:border-left-4 {
    border-left-width: 4px;
  }
  .md\:border-0 {
    border-width: 0;
  }
  .md\:border-top-0 {
    border-top-width: 0;
  }
  .md\:border-right-0 {
    border-right-width: 0;
  }
  .md\:border-bottom-0 {
    border-bottom-width: 0;
  }
  .md\:border-left-0 {
    border-left-width: 0;
  }
}

@media (min-width: 992px) {
  .lg\:border-1 {
    border-width: 1px;
  }
  .lg\:border-top-1 {
    border-top-width: 1px;
  }
  .lg\:border-right-1 {
    border-right-width: 1px;
  }
  .lg\:border-bottom-1 {
    border-bottom-width: 1px;
  }
  .lg\:border-left-1 {
    border-left-width: 1px;
  }
  .lg\:border-2 {
    border-width: 2px;
  }
  .lg\:border-top-2 {
    border-top-width: 2px;
  }
  .lg\:border-right-2 {
    border-right-width: 2px;
  }
  .lg\:border-bottom-2 {
    border-bottom-width: 2px;
  }
  .lg\:border-left-2 {
    border-left-width: 2px;
  }
  .lg\:border-3 {
    border-width: 3px;
  }
  .lg\:border-top-3 {
    border-top-width: 3px;
  }
  .lg\:border-right-3 {
    border-right-width: 3px;
  }
  .lg\:border-bottom-3 {
    border-bottom-width: 3px;
  }
  .lg\:border-left-3 {
    border-left-width: 3px;
  }
  .lg\:border-4 {
    border-width: 4px;
  }
  .lg\:border-top-4 {
    border-top-width: 4px;
  }
  .lg\:border-right-4 {
    border-right-width: 4px;
  }
  .lg\:border-bottom-4 {
    border-bottom-width: 4px;
  }
  .lg\:border-left-4 {
    border-left-width: 4px;
  }
  .lg\:border-0 {
    border-width: 0;
  }
  .lg\:border-top-0 {
    border-top-width: 0;
  }
  .lg\:border-right-0 {
    border-right-width: 0;
  }
  .lg\:border-bottom-0 {
    border-bottom-width: 0;
  }
  .lg\:border-left-0 {
    border-left-width: 0;
  }
}

@media (min-width: 1200px) {
  .xl\:border-1 {
    border-width: 1px;
  }
  .xl\:border-top-1 {
    border-top-width: 1px;
  }
  .xl\:border-right-1 {
    border-right-width: 1px;
  }
  .xl\:border-bottom-1 {
    border-bottom-width: 1px;
  }
  .xl\:border-left-1 {
    border-left-width: 1px;
  }
  .xl\:border-2 {
    border-width: 2px;
  }
  .xl\:border-top-2 {
    border-top-width: 2px;
  }
  .xl\:border-right-2 {
    border-right-width: 2px;
  }
  .xl\:border-bottom-2 {
    border-bottom-width: 2px;
  }
  .xl\:border-left-2 {
    border-left-width: 2px;
  }
  .xl\:border-3 {
    border-width: 3px;
  }
  .xl\:border-top-3 {
    border-top-width: 3px;
  }
  .xl\:border-right-3 {
    border-right-width: 3px;
  }
  .xl\:border-bottom-3 {
    border-bottom-width: 3px;
  }
  .xl\:border-left-3 {
    border-left-width: 3px;
  }
  .xl\:border-4 {
    border-width: 4px;
  }
  .xl\:border-top-4 {
    border-top-width: 4px;
  }
  .xl\:border-right-4 {
    border-right-width: 4px;
  }
  .xl\:border-bottom-4 {
    border-bottom-width: 4px;
  }
  .xl\:border-left-4 {
    border-left-width: 4px;
  }
  .xl\:border-0 {
    border-width: 0;
  }
  .xl\:border-top-0 {
    border-top-width: 0;
  }
  .xl\:border-right-0 {
    border-right-width: 0;
  }
  .xl\:border-bottom-0 {
    border-bottom-width: 0;
  }
  .xl\:border-left-0 {
    border-left-width: 0;
  }
}


.text-base {
  color: #555;
}

.text-inherit {
  color: inherit;
}





.translate-x-0 {
  transform: translateX(0);
}

.translate-x-full {
  transform: translateX(-100%);
}

.transition-slow {
  transition: 0.5s;
}

.transition {
  transition: 0.3s;
}

.transition-fast {
  transition: 0.15s;
}

.timing-bounce {
  transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    animation: none !important;
    transition: none !important;
  }
}

.transition-none {
  transition-property: none;
}

.transition-all {
  transition-property: all;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity {
  transition-property: opacity;
}

.transition-shadow {
  transition-property: box-shadow;
}

.transition-transform {
  transition-property: transform;
}

.timing-bounce {
  transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
}

@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after {
    animation: none !important;
    transition: none !important;
  }
}

.transition-none {
  transition-duration: 0s;
}

.transition-slow {
  transition-duration: 0.5s;
}

.transition-medium {
  transition-duration: 0.3s;
}

.transition-fast {
  transition-duration: 0.15s;
}

.timing-bounce {
  transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
}


.no-underline {
  text-decoration: none;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:line-through:hover {
  text-decoration: line-through;
}

.hover\:no-underline:hover {
  text-decoration: none;


.blur {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.bg-black {
  background-color: #000;
}

.bg-white {
  background-color: #fff;
}

.bg-gray-100 {
  background-color: #F7FAFC;
}

.bg-gray-200 {
  background-color: #edf2f7;
}

.bg-gray-300 {
  background-color: #E2E8F0;
}

.bg-gray-400 {
  background-color: #CBD5E0;
}

.bg-gray-500 {
  background-color: #A0AEC0;
}

.bg-gray-600 {
  background-color: #718096;
}

.bg-gray-700 {
  background-color: #4A5568;
}

.bg-gray-800 {
  background-color: #2D3748;
}

.bg-gray-900 {
  background-color: #1A202C;
}

.bg-red-500 {
  background-color: #F56565;
}

.bg-orange-500 {
  background-color: #ED8936;
}

.bg-green-500 {
  background-color: #48BB78;
}

.bg-primary {
  background-color: #609c9c;
}

.bg-secondary {
  background-color: #397170;
}

.bg-tertiary {
  background-color: #bb4290;
}

.hover\:bg-inherit:hover {
  background-color: inherit;
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-translucent:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.hover\:bg-black:hover {
  background-color: #000;
}

.hover\:bg-white:hover {
  background-color: #fff;
}

.hover\:bg-gray-100:hover {
  background-color: #F7FAFC;
}

.hover\:bg-gray-200:hover {
  background-color: #edf2f7;
}

.hover\:bg-gray-300:hover {
  background-color: #E2E8F0;
}

.hover\:bg-gray-400:hover {
  background-color: #CBD5E0;
}

.hover\:bg-gray-500:hover {
  background-color: #A0AEC0;
}

.hover\:bg-gray-600:hover {
  background-color: #718096;
}

.hover\:bg-gray-700:hover {
  background-color: #4A5568;
}

.hover\:bg-gray-800:hover {
  background-color: #2D3748;
}

.hover\:bg-gray-900:hover {
  background-color: #1A202C;
}

.hover\:bg-red-500:hover {
  background-color: #F56565;
}

.hover\:bg-orange-500:hover {
  background-color: #ED8936;
}

.hover\:bg-green-500:hover {
  background-color: #48BB78;
}

.hover\:bg-primary:hover {
  background-color: #609c9c;
}

.hover\:bg-secondary:hover {
  background-color: #397170;
}

.hover\:bg-tertiary:hover {
  background-color: #bb4290;
}

@media (min-width: 576px) {
  .sm\:bg-inherit {
    background-color: inherit;
  }
  .sm\:bg-transparent {
    background-color: transparent;
  }
  .sm\:bg-translucent {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .sm\:bg-black {
    background-color: #000;
  }
  .sm\:bg-white {
    background-color: #fff;
  }
  .sm\:bg-gray-100 {
    background-color: #F7FAFC;
  }
  .sm\:bg-gray-200 {
    background-color: #edf2f7;
  }
  .sm\:bg-gray-300 {
    background-color: #E2E8F0;
  }
  .sm\:bg-gray-400 {
    background-color: #CBD5E0;
  }
  .sm\:bg-gray-500 {
    background-color: #A0AEC0;
  }
  .sm\:bg-gray-600 {
    background-color: #718096;
  }
  .sm\:bg-gray-700 {
    background-color: #4A5568;
  }
  .sm\:bg-gray-800 {
    background-color: #2D3748;
  }
  .sm\:bg-gray-900 {
    background-color: #1A202C;
  }
  .sm\:bg-red-500 {
    background-color: #F56565;
  }
  .sm\:bg-orange-500 {
    background-color: #ED8936;
  }
  .sm\:bg-green-500 {
    background-color: #48BB78;
  }
  .sm\:bg-primary {
    background-color: #609c9c;
  }
  .sm\:bg-secondary {
    background-color: #397170;
  }
  .sm\:bg-tertiary {
    background-color: #bb4290;
  }
}

@media (min-width: 768px) {
  .md\:bg-inherit {
    background-color: inherit;
  }
  .md\:bg-transparent {
    background-color: transparent;
  }
  .md\:bg-translucent {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .md\:bg-black {
    background-color: #000;
  }
  .md\:bg-white {
    background-color: #fff;
  }
  .md\:bg-gray-100 {
    background-color: #F7FAFC;
  }
  .md\:bg-gray-200 {
    background-color: #edf2f7;
  }
  .md\:bg-gray-300 {
    background-color: #E2E8F0;
  }
  .md\:bg-gray-400 {
    background-color: #CBD5E0;
  }
  .md\:bg-gray-500 {
    background-color: #A0AEC0;
  }
  .md\:bg-gray-600 {
    background-color: #718096;
  }
  .md\:bg-gray-700 {
    background-color: #4A5568;
  }
  .md\:bg-gray-800 {
    background-color: #2D3748;
  }
  .md\:bg-gray-900 {
    background-color: #1A202C;
  }
  .md\:bg-red-500 {
    background-color: #F56565;
  }
  .md\:bg-orange-500 {
    background-color: #ED8936;
  }
  .md\:bg-green-500 {
    background-color: #48BB78;
  }
  .md\:bg-primary {
    background-color: #609c9c;
  }
  .md\:bg-secondary {
    background-color: #397170;
  }
  .md\:bg-tertiary {
    background-color: #bb4290;
  }
}

@media (min-width: 992px) {
  .lg\:bg-inherit {
    background-color: inherit;
  }
  .lg\:bg-transparent {
    background-color: transparent;
  }
  .lg\:bg-translucent {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .lg\:bg-black {
    background-color: #000;
  }
  .lg\:bg-white {
    background-color: #fff;
  }
  .lg\:bg-gray-100 {
    background-color: #F7FAFC;
  }
  .lg\:bg-gray-200 {
    background-color: #edf2f7;
  }
  .lg\:bg-gray-300 {
    background-color: #E2E8F0;
  }
  .lg\:bg-gray-400 {
    background-color: #CBD5E0;
  }
  .lg\:bg-gray-500 {
    background-color: #A0AEC0;
  }
  .lg\:bg-gray-600 {
    background-color: #718096;
  }
  .lg\:bg-gray-700 {
    background-color: #4A5568;
  }
  .lg\:bg-gray-800 {
    background-color: #2D3748;
  }
  .lg\:bg-gray-900 {
    background-color: #1A202C;
  }
  .lg\:bg-red-500 {
    background-color: #F56565;
  }
  .lg\:bg-orange-500 {
    background-color: #ED8936;
  }
  .lg\:bg-green-500 {
    background-color: #48BB78;
  }
  .lg\:bg-primary {
    background-color: #609c9c;
  }
  .lg\:bg-secondary {
    background-color: #397170;
  }
  .lg\:bg-tertiary {
    background-color: #bb4290;
  }
}

@media (min-width: 1200px) {
  .xl\:bg-inherit {
    background-color: inherit;
  }
  .xl\:bg-transparent {
    background-color: transparent;
  }
  .xl\:bg-translucent {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .xl\:bg-black {
    background-color: #000;
  }
  .xl\:bg-white {
    background-color: #fff;
  }
  .xl\:bg-gray-100 {
    background-color: #F7FAFC;
  }
  .xl\:bg-gray-200 {
    background-color: #edf2f7;
  }
  .xl\:bg-gray-300 {
    background-color: #E2E8F0;
  }
  .xl\:bg-gray-400 {
    background-color: #CBD5E0;
  }
  .xl\:bg-gray-500 {
    background-color: #A0AEC0;
  }
  .xl\:bg-gray-600 {
    background-color: #718096;
  }
  .xl\:bg-gray-700 {
    background-color: #4A5568;
  }
  .xl\:bg-gray-800 {
    background-color: #2D3748;
  }
  .xl\:bg-gray-900 {
    background-color: #1A202C;
  }
  .xl\:bg-red-500 {
    background-color: #F56565;
  }
  .xl\:bg-orange-500 {
    background-color: #ED8936;
  }
  .xl\:bg-green-500 {
    background-color: #48BB78;
  }
  .xl\:bg-primary {
    background-color: #609c9c;
  }
  .xl\:bg-secondary {
    background-color: #397170;
  }
  .xl\:bg-tertiary {
    background-color: #bb4290;
  }
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-right {
  background-position: right;
}

.bg-top {
  background-position: top;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

@media (min-width: 576px) {
  .sm\:bg-bottom {
    background-position: bottom;
  }
  .sm\:bg-center {
    background-position: center;
  }
  .sm\:bg-left {
    background-position: left;
  }
  .sm\:bg-right {
    background-position: right;
  }
  .sm\:bg-top {
    background-position: top;
  }
  .sm\:bg-left-bottom {
    background-position: left bottom;
  }
  .sm\:bg-left-top {
    background-position: left top;
  }
  .sm\:bg-right-bottom {
    background-position: right bottom;
  }
  .sm\:bg-right-top {
    background-position: right top;
  }
}

@media (min-width: 768px) {
  .md\:bg-bottom {
    background-position: bottom;
  }
  .md\:bg-center {
    background-position: center;
  }
  .md\:bg-left {
    background-position: left;
  }
  .md\:bg-right {
    background-position: right;
  }
  .md\:bg-top {
    background-position: top;
  }
  .md\:bg-left-bottom {
    background-position: left bottom;
  }
  .md\:bg-left-top {
    background-position: left top;
  }
  .md\:bg-right-bottom {
    background-position: right bottom;
  }
  .md\:bg-right-top {
    background-position: right top;
  }
}

@media (min-width: 992px) {
  .lg\:bg-bottom {
    background-position: bottom;
  }
  .lg\:bg-center {
    background-position: center;
  }
  .lg\:bg-left {
    background-position: left;
  }
  .lg\:bg-right {
    background-position: right;
  }
  .lg\:bg-top {
    background-position: top;
  }
  .lg\:bg-left-bottom {
    background-position: left bottom;
  }
  .lg\:bg-left-top {
    background-position: left top;
  }
  .lg\:bg-right-bottom {
    background-position: right bottom;
  }
  .lg\:bg-right-top {
    background-position: right top;
  }
}

@media (min-width: 1200px) {
  .xl\:bg-bottom {
    background-position: bottom;
  }
  .xl\:bg-center {
    background-position: center;
  }
  .xl\:bg-left {
    background-position: left;
  }
  .xl\:bg-right {
    background-position: right;
  }
  .xl\:bg-top {
    background-position: top;
  }
  .xl\:bg-left-bottom {
    background-position: left bottom;
  }
  .xl\:bg-left-top {
    background-position: left top;
  }
  .xl\:bg-right-bottom {
    background-position: right bottom;
  }
  .xl\:bg-right-top {
    background-position: right top;
  }
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

@media (min-width: 576px) {
  .sm\:bg-repeat {
    background-repeat: repeat;
  }
  .sm\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .sm\:bg-repeat-x {
    background-repeat: repeat-x;
  }
  .sm\:bg-repeat-y {
    background-repeat: repeat-y;
  }
}

@media (min-width: 768px) {
  .md\:bg-repeat {
    background-repeat: repeat;
  }
  .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }
  .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }
}

@media (min-width: 992px) {
  .lg\:bg-repeat {
    background-repeat: repeat;
  }
  .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }
  .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }
}

@media (min-width: 1200px) {
  .xl\:bg-repeat {
    background-repeat: repeat;
  }
  .xl\:bg-no-repeat {
    background-repeat: no-repeat;
  }
  .xl\:bg-repeat-x {
    background-repeat: repeat-x;
  }
  .xl\:bg-repeat-y {
    background-repeat: repeat-y;
  }
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

@media (min-width: 576px) {
  .sm\:bg-auto {
    background-size: auto;
  }
  .sm\:bg-cover {
    background-size: cover;
  }
  .sm\:bg-contain {
    background-size: contain;
  }
}

@media (min-width: 768px) {
  .md\:bg-auto {
    background-size: auto;
  }
  .md\:bg-cover {
    background-size: cover;
  }
  .md\:bg-contain {
    background-size: contain;
  }
}

@media (min-width: 992px) {
  .lg\:bg-auto {
    background-size: auto;
  }
  .lg\:bg-cover {
    background-size: cover;
  }
  .lg\:bg-contain {
    background-size: contain;
  }
}

@media (min-width: 1200px) {
  .xl\:bg-auto {
    background-size: auto;
  }
  .xl\:bg-cover {
    background-size: cover;
  }
  .xl\:bg-contain {
    background-size: contain;
  }
}
  
  
  
  
.shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-xs {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.shadow-sm {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-md {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-lg {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-xl {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
  box-shadow: 0 0 0 2px rgba(96, 156, 156, .25);
}

.shadow-solid {
  box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
}

.shadow-none {
  box-shadow: none;
}

.shadow-bottom {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}

.hover\:shadow:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-xs:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.hover\:shadow-sm:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.hover\:shadow-md:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.hover\:shadow-lg:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.hover\:shadow-xl:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.hover\:shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-outline:hover {
  box-shadow: 0 0 0 2px rgba(96, 156, 156, .25);
}

.hover\:shadow-solid:hover {
  box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
}

.hover\:shadow-none:hover {
  box-shadow: none;
}

@media (min-width: 576px) {
  .sm\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .sm\:shadow-xs {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
  }
  .sm\:shadow-sm {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  .sm\:shadow-md {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .sm\:shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .sm\:shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
  .sm\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }
  .sm\:shadow-outline {
    box-shadow: 0 0 0 2px rgba(96, 156, 156, .25);
  }
  .sm\:shadow-solid {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
  }
  .sm\:shadow-none {
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  .md\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .md\:shadow-xs {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
  }
  .md\:shadow-sm {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  .md\:shadow-md {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .md\:shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .md\:shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
  .md\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }
  .md\:shadow-outline {
    box-shadow: 0 0 0 2px rgba(96, 156, 156, .25);
  }
  .md\:shadow-solid {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
  }
  .md\:shadow-none {
    box-shadow: none;
  }
}

@media (min-width: 992px) {
  .lg\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .lg\:shadow-xs {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
  }
  .lg\:shadow-sm {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  .lg\:shadow-md {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .lg\:shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .lg\:shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
  .lg\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }
  .lg\:shadow-outline {
    box-shadow: 0 0 0 2px rgba(96, 156, 156, .25);
  }
  .lg\:shadow-solid {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
  }
  .lg\:shadow-none {
    box-shadow: none;
  }
}

@media (min-width: 1200px) {
  .xl\:shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }
  .xl\:shadow-xs {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
  }
  .xl\:shadow-sm {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  .xl\:shadow-md {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }
  .xl\:shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }
  .xl\:shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }
  .xl\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }
  .xl\:shadow-outline {
    box-shadow: 0 0 0 2px rgba(96, 156, 156, .25);
  }
  .xl\:shadow-solid {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
  }
  .xl\:shadow-none {
    box-shadow: none;
  }
}

.button {
  display: inline-block;
  padding: 0.5em 1.25em;
  line-height: 1.5;
  color: #555;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid #e2e8f0;
  cursor: pointer;
  border-radius: 2rem;
  transition: 0.15s ease-in-out;
}

.button-primary {
  color: #fff;
  border-color: #127be7;
  background-color: #127be7;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  
  
.cta {
  background-color: #edf2f7;
  color: #555;
}
/*new home page部分*/