@charset "UTF-8";
/* Fonts moved to HTML for better performance */
/* Font Awesome, Google Fonts (Barlow, Roboto, Tinos, Merriweather, Playfair Display) */
/*!
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: rgb(10.4, 88, 202.4);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
direction: ltr /* rtl:ignore */;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend {
line-height: inherit;
}
legend + * {
clear: left;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
/*!
* Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -0.5);
margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;
}
.row-cols-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex: 1 0 0%;
}
.row-cols-md-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1400px) {
.col-xxl {
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
@media (min-width: 1600px) {
.col-2xl {
flex: 1 0 0%;
}
.row-cols-2xl-auto > * {
flex: 0 0 auto;
width: auto;
}
.row-cols-2xl-1 > * {
flex: 0 0 auto;
width: 100%;
}
.row-cols-2xl-2 > * {
flex: 0 0 auto;
width: 50%;
}
.row-cols-2xl-3 > * {
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-2xl-4 > * {
flex: 0 0 auto;
width: 25%;
}
.row-cols-2xl-5 > * {
flex: 0 0 auto;
width: 20%;
}
.row-cols-2xl-6 > * {
flex: 0 0 auto;
width: 16.6666666667%;
}
}
.col-auto {
flex: 0 0 auto;
width: auto;
}
.col-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
flex: 0 0 auto;
width: 25%;
}
.col-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
flex: 0 0 auto;
width: 50%;
}
.col-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
flex: 0 0 auto;
width: 75%;
}
.col-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
flex: 0 0 auto;
width: 100%;
}
.g-1 {
--bs-gutter-x: 0.25rem;
}
.g-1 {
--bs-gutter-y: 0.25rem;
}
.g-4 {
--bs-gutter-x: 1.5rem;
}
.g-4 {
--bs-gutter-y: 1.5rem;
}
@media (min-width: 576px) {
.col-sm-auto {
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 768px) {
.col-md-auto {
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 992px) {
.col-lg-auto {
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
flex: 0 0 auto;
width: 100%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
}
@media (min-width: 1200px) {
.col-xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1400px) {
.col-xxl-auto {
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
flex: 0 0 auto;
width: 100%;
}
}
@media (min-width: 1600px) {
.col-2xl-auto {
flex: 0 0 auto;
width: auto;
}
.col-2xl-1 {
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2xl-2 {
flex: 0 0 auto;
width: 16.66666667%;
}
.col-2xl-3 {
flex: 0 0 auto;
width: 25%;
}
.col-2xl-4 {
flex: 0 0 auto;
width: 33.33333333%;
}
.col-2xl-5 {
flex: 0 0 auto;
width: 41.66666667%;
}
.col-2xl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-2xl-7 {
flex: 0 0 auto;
width: 58.33333333%;
}
.col-2xl-8 {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-2xl-9 {
flex: 0 0 auto;
width: 75%;
}
.col-2xl-10 {
flex: 0 0 auto;
width: 83.33333333%;
}
.col-2xl-11 {
flex: 0 0 auto;
width: 91.66666667%;
}
.col-2xl-12 {
flex: 0 0 auto;
width: 100%;
}
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-3 {
margin-right: 1rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.ms-0 {
margin-left: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
@media (min-width: 576px) {
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
}
@media (min-width: 992px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
@media (min-width: 1200px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
}
@media (min-width: 1400px) {
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
}
@media (min-width: 1600px) {
.d-2xl-inline {
display: inline !important;
}
.d-2xl-inline-block {
display: inline-block !important;
}
.d-2xl-block {
display: block !important;
}
.d-2xl-grid {
display: grid !important;
}
.d-2xl-table {
display: table !important;
}
.d-2xl-table-row {
display: table-row !important;
}
.d-2xl-table-cell {
display: table-cell !important;
}
.d-2xl-flex {
display: flex !important;
}
.d-2xl-inline-flex {
display: inline-flex !important;
}
.d-2xl-none {
display: none !important;
}
.flex-2xl-fill {
flex: 1 1 auto !important;
}
.flex-2xl-row {
flex-direction: row !important;
}
.flex-2xl-column {
flex-direction: column !important;
}
.flex-2xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-2xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-2xl-grow-0 {
flex-grow: 0 !important;
}
.flex-2xl-grow-1 {
flex-grow: 1 !important;
}
.flex-2xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-2xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-2xl-wrap {
flex-wrap: wrap !important;
}
.flex-2xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-2xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-2xl-0 {
margin: 0 !important;
}
.m-2xl-1 {
margin: 0.25rem !important;
}
.m-2xl-2 {
margin: 0.5rem !important;
}
.m-2xl-3 {
margin: 1rem !important;
}
.m-2xl-4 {
margin: 1.5rem !important;
}
.m-2xl-5 {
margin: 3rem !important;
}
.m-2xl-auto {
margin: auto !important;
}
.p-2xl-0 {
padding: 0 !important;
}
.p-2xl-1 {
padding: 0.25rem !important;
}
.p-2xl-2 {
padding: 0.5rem !important;
}
.p-2xl-3 {
padding: 1rem !important;
}
.p-2xl-4 {
padding: 1.5rem !important;
}
.p-2xl-5 {
padding: 3rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
/*!
* Bootstrap v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.table {
--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}
.table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
background-color: var(--bs-table-bg);
border-bottom-width: 1px;
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
}
.table > thead {
vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
border-bottom-color: currentColor;
}
.table-bordered > :not(caption) > * {
border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
border-width: 0 1px;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
.table-responsive-sm {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.btn {
display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
}
.btn:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
pointer-events: none;
opacity: 0.65;
}
.btn-primary {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-primary:hover {
color: #fff;
background-color: rgb(11.05, 93.5, 215.05);
border-color: rgb(10.4, 88, 202.4);
}
.btn-primary:focus {
color: #fff;
background-color: rgb(11.05, 93.5, 215.05);
border-color: rgb(10.4, 88, 202.4);
box-shadow: 0 0 0 0.25rem rgba(49.3, 131.75, 253.3, 0.5);
}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: rgb(10.4, 88, 202.4);
border-color: rgb(9.75, 82.5, 189.75);
}
.btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(49.3, 131.75, 253.3, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: rgb(91.8, 99.45, 106.25);
border-color: rgb(86.4, 93.6, 100);
}
.btn-secondary:focus {
color: #fff;
background-color: rgb(91.8, 99.45, 106.25);
border-color: rgb(86.4, 93.6, 100);
box-shadow: 0 0 0 0.25rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: rgb(86.4, 93.6, 100);
border-color: rgb(81, 87.75, 93.75);
}
.btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(130.05, 137.7, 144.5, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-info:hover {
color: #000;
background-color: rgb(49.3, 209.95, 242.25);
border-color: rgb(37.2, 207.3, 241.5);
}
.btn-info:focus {
color: #000;
background-color: rgb(49.3, 209.95, 242.25);
border-color: rgb(37.2, 207.3, 241.5);
box-shadow: 0 0 0 0.25rem rgba(11.05, 171.7, 204, 0.5);
}
.btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
color: #000;
background-color: rgb(61.4, 212.6, 243);
border-color: rgb(37.2, 207.3, 241.5);
}
.btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(11.05, 171.7, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0;
}
.btn-warning {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #000;
background-color: rgb(255, 202.3, 44.2);
border-color: rgb(255, 199.2, 31.8);
}
.btn-warning:focus {
color: #000;
background-color: rgb(255, 202.3, 44.2);
border-color: rgb(255, 199.2, 31.8);
box-shadow: 0 0 0 0.25rem rgba(216.75, 164.05, 5.95, 0.5);
}
.btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
color: #000;
background-color: rgb(255, 205.4, 56.6);
border-color: rgb(255, 199.2, 31.8);
}
.btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(216.75, 164.05, 5.95, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
color: #000;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: rgb(187, 45.05, 58.65);
border-color: rgb(176, 42.4, 55.2);
}
.btn-danger:focus {
color: #fff;
background-color: rgb(187, 45.05, 58.65);
border-color: rgb(176, 42.4, 55.2);
box-shadow: 0 0 0 0.25rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: rgb(176, 42.4, 55.2);
border-color: rgb(165, 39.75, 51.75);
}
.btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.25rem rgba(225.25, 83.3, 96.9, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-primary {
color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}
.btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
color: #0d6efd;
background-color: transparent;
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
color: #6c757d;
background-color: transparent;
}
.btn-link {
font-weight: 400;
color: #0d6efd;
text-decoration: underline;
}
.btn-link:hover {
color: rgb(10.4, 88, 202.4);
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
}
.btn-sm {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
border-radius: 0.2rem;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0 0;
margin-bottom: 1rem;
list-style: none;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
padding-right: 0.5rem;
color: #6c757d;
content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
color: #6c757d;
}
.btn-close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
color: #000;
background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
border: 0;
border-radius: 0.25rem;
opacity: 0.5;
}
.btn-close:hover {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.btn-close:focus {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
opacity: 0.25;
}
.overflow-hidden {
overflow: hidden !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.top-50 {
top: 50% !important;
}
.bottom-0 {
bottom: 0 !important;
}
.end-0 {
right: 0 !important;
}
.translate-middle-y {
transform: translateY(-50%) !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-white {
border-color: #fff !important;
}
.border-2 {
border-width: 2px !important;
}
.w-100 {
width: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.h-100 {
height: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.min-vh-100 {
min-height: 100vh !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-2 {
gap: 0.5rem !important;
}
.gap-3 {
gap: 1rem !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
.order-3 {
order: 3 !important;
}
.m-0 {
margin: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-1 {
margin-top: 0.25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important;
}
.mt-3 {
margin-top: 1rem !important;
}
.mt-4 {
margin-top: 1.5rem !important;
}
.mt-5 {
margin-top: 3rem !important;
}
.mt-auto {
margin-top: auto !important;
}
.me-3 {
margin-right: 1rem !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-1 {
margin-bottom: 0.25rem !important;
}
.mb-2 {
margin-bottom: 0.5rem !important;
}
.mb-3 {
margin-bottom: 1rem !important;
}
.mb-4 {
margin-bottom: 1.5rem !important;
}
.mb-5 {
margin-bottom: 3rem !important;
}
.ms-0 {
margin-left: 0 !important;
}
.p-0 {
padding: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pt-1 {
padding-top: 0.25rem !important;
}
.pt-2 {
padding-top: 0.5rem !important;
}
.pt-3 {
padding-top: 1rem !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-2 {
padding-bottom: 0.5rem !important;
}
.pb-3 {
padding-bottom: 1rem !important;
}
.pb-4 {
padding-bottom: 1.5rem !important;
}
.fs-5 {
font-size: 1.25rem !important;
}
.text-start {
text-align: left !important;
}
.text-end {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-decoration-underline {
text-decoration: underline !important;
}
.text-decoration-line-through {
text-decoration: line-through !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
color: #0d6efd !important;
}
.text-secondary {
color: #6c757d !important;
}
.text-success {
color: #198754 !important;
}
.text-info {
color: #0dcaf0 !important;
}
.text-warning {
color: #ffc107 !important;
}
.text-danger {
color: #dc3545 !important;
}
.text-light {
color: #f8f9fa !important;
}
.text-dark {
color: #212529 !important;
}
.text-white {
color: #fff !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
color: inherit !important;
}
.bg-primary {
background-color: #0d6efd !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
.bg-success {
background-color: #198754 !important;
}
.bg-info {
background-color: #0dcaf0 !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
.bg-dark {
background-color: #212529 !important;
}
.bg-body {
background-color: #fff !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-gradient {
background-image: var(--bs-gradient) !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.visible {
visibility: visible !important;
}
@media (min-width: 576px) {
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: flex !important;
}
.d-xxl-inline-flex {
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
flex: 1 1 auto !important;
}
.flex-xxl-row {
flex-direction: row !important;
}
.flex-xxl-column {
flex-direction: column !important;
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1600px) {
.d-2xl-inline {
display: inline !important;
}
.d-2xl-inline-block {
display: inline-block !important;
}
.d-2xl-block {
display: block !important;
}
.d-2xl-grid {
display: grid !important;
}
.d-2xl-table {
display: table !important;
}
.d-2xl-table-row {
display: table-row !important;
}
.d-2xl-table-cell {
display: table-cell !important;
}
.d-2xl-flex {
display: flex !important;
}
.d-2xl-inline-flex {
display: inline-flex !important;
}
.d-2xl-none {
display: none !important;
}
.flex-2xl-fill {
flex: 1 1 auto !important;
}
.flex-2xl-row {
flex-direction: row !important;
}
.flex-2xl-column {
flex-direction: column !important;
}
.flex-2xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-2xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-2xl-grow-0 {
flex-grow: 0 !important;
}
.flex-2xl-grow-1 {
flex-grow: 1 !important;
}
.flex-2xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-2xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-2xl-wrap {
flex-wrap: wrap !important;
}
.flex-2xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-2xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.m-2xl-0 {
margin: 0 !important;
}
.m-2xl-1 {
margin: 0.25rem !important;
}
.m-2xl-2 {
margin: 0.5rem !important;
}
.m-2xl-3 {
margin: 1rem !important;
}
.m-2xl-4 {
margin: 1.5rem !important;
}
.m-2xl-5 {
margin: 3rem !important;
}
.m-2xl-auto {
margin: auto !important;
}
.p-2xl-0 {
padding: 0 !important;
}
.p-2xl-1 {
padding: 0.25rem !important;
}
.p-2xl-2 {
padding: 0.5rem !important;
}
.p-2xl-3 {
padding: 1rem !important;
}
.p-2xl-4 {
padding: 1.5rem !important;
}
.p-2xl-5 {
padding: 3rem !important;
}
.text-2xl-start {
text-align: left !important;
}
.text-2xl-end {
text-align: right !important;
}
.text-2xl-center {
text-align: center !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
body {
background: #fff;
font-family: "Roboto";
font-weight: normal;
font-size: 16px;
line-height: 1.6666666667;
color: #828282;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
.container {
max-width: 1204px;
}
.master-wrapper {
position: relative;
}
.pd-60 {
padding: 60px 0;
}
@media (max-width: 767px) {
.pd-60 {
padding: 40px 0;
}
}
@media (max-width: 430px) {
.pd-60 {
padding: 32px 0;
}
}
.bg-main {
background: var(--FDFDF5, #FDFDF5);
}
.row-breadcrumb {
position: relative;
margin: 0px 0 0;
padding: 10px 0;
}
.row-breadcrumb .breadcrumb {
margin: 0;
}
.row-breadcrumb .breadcrumb-item {
font-weight: normal;
font-size: 12px;
line-height: 21px;
letter-spacing: -0.42px;
color: #999;
}
.row-breadcrumb .breadcrumb-item:before {
content: "";
background: url(../images/ic-breadcrumb.png);
width: 18px;
height: 19px;
}
.row-breadcrumb .breadcrumb-item a {
color: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: none;
}
.box_title {
margin-bottom: 40px;
position: relative;
z-index: 1;
text-align: center;
}
@media screen and (max-width: 430px) {
.box_title {
margin-bottom: 16px;
}
}
.box_title .sub-title {
color: var(--606368, #606368);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: block;
}
.box_title .sub-title.text-main {
color: #fff;
}
.box_title .title-name {
color: var(--121212, #121212);
font-family: "Barlow";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 6px;
}
.box_title .title-name.text-main {
color: #fff;
}
@media screen and (max-width: 767px) {
.box_title .title-name {
font-size: 28px;
}
}
@media screen and (max-width: 430px) {
.box_title .title-name {
font-size: 20px;
}
}
a {
text-decoration: none;
transition: all 0.3s;
}
.btn-pill {
border-radius: 200px;
border: 2px solid var(--448D46, #448D46);
background: var(--FFFFFF, #FFF);
color: var(--448D46, #448D46);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 10px 20px;
display: inline-block;
}
@media screen and (max-width: 430px) {
.btn-pill {
width: 100%;
text-align: center;
}
}
.btn-pill svg {
margin-left: 6px;
}
.btn-pill:hover {
background: #D9F6DA;
color: #fff;
color: var(--448D46, #448D46);
}
.experience_box_nextprev {
position: absolute;
bottom: 40px;
display: flex;
align-items: center;
z-index: 1;
}
.experience_box_nextprev .swiper-button-prev,
.experience_box_nextprev .swiper-button-next {
position: unset;
margin-top: 0;
opacity: 1;
width: 48px;
height: 48px;
display: flex;
align-items: center;
flex-shrink: 0;
justify-content: center;
border-radius: 50%;
border: 1px solid #fff;
background: rgba(255, 255, 255, 0.4);
}
.experience_box_nextprev .swiper-button-prev.swiper-button-lock,
.experience_box_nextprev .swiper-button-next.swiper-button-lock {
display: none;
}
.experience_box_nextprev .swiper-button-prev::after,
.experience_box_nextprev .swiper-button-next::after {
display: none;
}
.experience_box_nextprev .swiper-button-prev svg path,
.experience_box_nextprev .swiper-button-next svg path {
fill: #606368;
}
.experience_box_nextprev .swiper-button-prev.swiper-button-disabled,
.experience_box_nextprev .swiper-button-next.swiper-button-disabled {
border: 1px solid #fff;
background: transparent;
}
.experience_box_nextprev .swiper-button-prev.swiper-button-disabled svg path,
.experience_box_nextprev .swiper-button-next.swiper-button-disabled svg path {
fill: #DADCE0;
}
.experience_box_nextprev .swiper-pagination {
position: unset;
color: #606368;
padding: 0 10px;
width: -moz-max-content;
width: max-content;
flex-shrink: 0;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
line-height: 143.75%;
}
.swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: 1;
border-radius: 50px;
background: rgba(255, 255, 255, 0.2);
margin: 0 5px !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
}
.swiper-navigation .swiper-button-prev::after,
.swiper-navigation .swiper-button-next::after {
display: none;
}
.hover-scale {
transition: all 0.3s;
}
.hover-scale:hover img {
transform: scale(1.1);
}
.paginate-custom {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
}
.paginate-custom a {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid var(--DADCE0, #DADCE0);
background: var(--FFFFFF, #FFF);
color: #3D4043;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.paginate-custom a.disabled {
opacity: 0.5;
cursor: no-drop;
}
.paginate-custom a:hover, .paginate-custom a.active {
background: #39803D;
border: #39803D;
color: #fff;
}
.paginate-custom a:hover svg path, .paginate-custom a.active svg path {
fill: #fff;
}
@media screen and (max-width: 1000px) {
.paginate-custom a {
width: 28px;
height: 28px;
font-size: 13px;
}
}
@media screen and (max-width: 1000px) {
.paginate-custom {
gap: 5px;
}
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
background: #fff;
z-index: 11;
transition: transform 0.3s ease;
}
@media (max-width: 767px) {
.header {
height: 43px;
}
}
.header.hide {
transform: translateY(-100%);
}
.header.fixed {
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.06);
}
.header .header-nav {
border-bottom: 1px solid var(--DADCE0, #DADCE0);
padding: 6px 0;
}
@media (max-width: 1024px) {
.header .header-nav {
display: none;
}
}
.header .header-nav-wrapper {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.header .header-nav-left {
display: flex;
align-items: center;
}
.header .header-nav-left a {
color: var(--606368, #606368);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #DADCE0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header .header-nav-left a .icon {
margin-right: 4px;
}
.header .header-nav-left a:hover {
color: #39803D;
}
.header .header-nav-left a:last-child {
padding-right: 0;
margin-right: 0;
border-right: 0;
}
.header .header-nav.new {
border: none;
}
.header .header--inner {
padding: 10px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
transition: all 0.3s;
}
@media (max-width: 1024px) {
.header .header--inner {
justify-content: space-between;
align-items: center;
}
}
@media (max-width: 767px) {
.header .header--inner {
padding: 0px 0;
}
}
.header .header--inner .head-user a {
display: block;
}
.header .header--inner .head-user a svg {
display: block;
}
.header .header-left {
position: relative;
z-index: 1;
}
.header .header-left .header-logo {
max-width: 105px;
}
.header .header-left .header-logo a {
display: block;
}
.header .header-left .header-logo a .no-scroll {
display: block;
transition: all 0.3s;
}
@media (max-width: 1680px) {
.header .header-left .header-logo a .no-scroll {
max-width: 286px;
}
}
@media (max-width: 1024px) {
.header .header-left .header-logo a .no-scroll {
display: none;
}
}
@media (max-width: 767px) {
.header .header-left .header-logo a .no-scroll {
max-width: 75px;
}
}
@media (max-width: 480px) {
.header .header-left .header-logo a .no-scroll {
max-width: 62px;
}
}
.header .header-left .header-logo img {
max-height: 35px;
}
.header .header-right {
flex: 0 0 auto;
margin-left: auto;
padding-right: 22px;
}
@media (max-width: 1024px) {
.header .header-right {
display: none;
}
}
.header .header-right .hamburger {
position: relative;
height: 22px;
width: 24px;
cursor: pointer;
}
.header .header-right .hamburger span {
width: 24px;
height: 2px;
background: #D9D9D9;
display: block;
position: absolute;
left: 0;
top: 0;
transition: 0.3s all;
}
.header .header-right .hamburger span:nth-child(2n) {
width: 18px;
top: 9px;
}
.header .header-right .hamburger span:nth-child(3n) {
top: 18px;
}
.header .header-right .header-content {
display: flex;
align-items: center;
gap: 40px;
flex-wrap: wrap;
}
.header .header-right .header-content .header-search {
transition: 0.3s all ease-in-out;
width: auto;
}
.header .header-right .header-content .header-search .search-btn {
position: relative;
display: flex;
align-items: center;
gap: 8px;
}
.header .header-right .header-content .header-search .search-btn span {
color: var(--Gray-1, #333);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.32px;
}
.header .header-right .header-content .header-search .search-btn .img-active {
display: none;
}
.header .header-right .header-content .header-search .search-btn.active::after {
opacity: 1;
}
.header .header-right .header-content .header-search .search-btn.active span {
color: #39803D;
}
.header .header-right .header-content .header-search .search-btn.active .img-fluid {
display: none;
}
.header .header-right .header-content .header-search .search-btn.active .img-fluid.img-active {
display: block;
}
.header .header-content-bot {
margin-left: 94px;
}
@media (min-width: 1680px) {
.header .header-content-bot {
margin-left: 174px;
}
}
@media (max-width: 1024px) {
.header .header-content-bot {
display: none;
}
}
.header .header-content-bot ul {
padding: 0;
margin: 0;
}
.header .header-content-bot ul li {
list-style: none;
}
.header .header-content-bot .content-nav-list {
display: flex;
gap: 40px;
flex-wrap: wrap;
justify-content: flex-end;
}
.header .header-content-bot .content-nav-list .content-nav-item {
position: relative;
}
.header .header-content-bot .content-nav-list .content-nav-item:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.header .header-content-bot .content-nav-list .content-nav-item .sub-menu {
opacity: 0;
visibility: hidden;
position: absolute;
top: 42px;
left: 0;
transform: translateY(20px);
transition: all 0.4s;
z-index: 200;
width: 340px;
padding: 20px;
border-radius: 10px;
background: var(--FFFFFF, #FFF);
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.35);
}
.header .header-content-bot .content-nav-list .content-nav-item .sub-menu .menu-child {
border-bottom: 1px solid #F2F2F2;
padding-bottom: 15px;
margin-bottom: 15px;
}
.header .header-content-bot .content-nav-list .content-nav-item .sub-menu .menu-child:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.header .header-content-bot .content-nav-list .content-nav-item .sub-menu .menu-child .menu-root {
color: var(--3D4043, #3D4043);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.header .header-content-bot .content-nav-list .content-nav-item .sub-menu .menu-child .menu-root:hover {
color: #39803D;
}
.header .header-content-bot .content-nav-list .content-nav-item:hover .menu-open {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.header .header-content-bot .content-nav-list .content-nav-item:hover .menu-overlay {
opacity: 1;
pointer-events: all;
}
.header .header-content-bot .content-nav-list .content-nav-item:hover .content-nav-link {
transition: all 0.3s;
color: #39803D;
}
.header .header-content-bot .content-nav-list .content-nav-item:hover .content-nav-link::after {
opacity: 1;
}
.header .header-content-bot .content-nav-list .content-nav-item.active .content-nav-link {
transition: all 0.3s;
color: #39803D;
}
.header .header-content-bot .content-nav-list .content-nav-item.active .content-nav-link::after {
opacity: 1;
}
.header .header-content-bot .content-nav-link {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 1.4583333333;
letter-spacing: -0.03em;
text-decoration: none;
color: #3D4043;
transition: all 0.3s;
position: relative;
z-index: 1;
}
@media (max-width: 1680px) {
.header .header-content-bot .content-nav-link {
font-size: 16px;
}
}
.header .header-content-bot .content-nav-link::after {
content: "";
background: #39803D;
position: absolute;
left: 0;
right: 0;
bottom: -10px;
height: 2px;
opacity: 0;
border-radius: 2px 2px 2px 2px;
}
.header .head-user {
position: relative;
}
.header .head-user:hover .curently-login,
.header .head-user:hover .curently-logged {
opacity: 1;
visibility: visible;
transform: translateX(50%);
transition: all 0.3s;
z-index: 1;
}
.header .head-user .curently-login {
position: absolute;
left: auto;
transform: translateX(50%);
width: -moz-max-content;
width: max-content;
padding-top: 16px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
right: 80px;
z-index: 1;
}
@media (min-width: 768px) {
.header .head-user .curently-login {
right: 80px;
}
}
@media (min-width: 1366px) {
.header .head-user .curently-login {
right: 50px;
}
}
@media (max-width: 1024px) {
.header .head-user .curently-login {
padding-top: 11px;
}
}
.header .head-user .curently-login .item {
display: flex;
flex-flow: column;
background: #ffffff;
border: 1px solid #e0e0e0;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
padding: 20px 15px;
border-radius: 8px;
}
@media (max-width: 767px) {
.header .head-user .curently-login .item {
padding: 10px 5px;
}
}
.header .head-user .curently-login a:not(:last-child) {
margin-bottom: 10px;
}
.header .head-user .curently-login .btn-bg-main {
display: block;
border-radius: 5px;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 14px;
line-height: 22px;
text-align: center;
color: #ffffff;
padding: 11px 18px;
text-transform: uppercase;
}
.header .head-user .curently-login .btn-bg-main:hover {
background: black;
color: #fff;
text-decoration: none;
}
.header .head-user .curently-login .btn-bg-main.btn-login {
background: #0f2f20;
}
.header .head-user .curently-login .btn-bg-main.btn-login:hover {
color: #ffd87d;
text-decoration: none;
}
.header .head-user .curently-login .btn-bg-main.btn-register {
background: #cf9c51;
}
.header .head-user .curently-login .btn-bg-main.btn-register:hover {
color: #0a2016;
text-decoration: none;
}
.header .head-user .curently-logged {
display: block;
left: auto;
transform: translateX(50%);
position: absolute;
width: -moz-max-content;
width: max-content;
padding-top: 16px;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
right: 65px;
}
@media (min-width: 576px) {
.header .head-user .curently-logged {
right: 80px;
}
}
@media (min-width: 1366px) {
.header .head-user .curently-logged {
right: 45px;
}
}
@media (max-width: 1024px) {
.header .head-user .curently-logged {
padding-top: 11px;
right: 80px;
}
}
.header .head-user .curently-logged .item {
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px;
border-width: 1px;
border-style: solid;
border-color: rgb(221, 221, 221);
-o-border-image: initial;
border-image: initial;
padding: 5px;
background: rgb(255, 255, 255);
}
.header .head-user .curently-logged .welcome {
display: block;
border-bottom: 1px solid #828282;
padding: 15px;
}
@media (max-width: 767px) {
.header .head-user .curently-logged .welcome {
padding: 10px;
}
}
.header .head-user .curently-logged .welcome .sub {
display: block;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #828282;
margin-bottom: 3px;
}
.header .head-user .curently-logged .welcome .name {
display: block;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 14px;
line-height: 19px;
color: #000000;
text-transform: uppercase;
}
.header .head-user .list {
position: relative;
display: flex;
flex-flow: column;
padding: 15px;
}
@media (max-width: 767px) {
.header .head-user .list {
padding: 10px;
}
}
.header .head-user .list-item {
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #828282;
display: flex;
align-items: center;
}
.header .head-user .list-item:not(:last-child) {
margin-bottom: 15px;
}
.header .head-user .list-item.active {
font-weight: 700;
line-height: 19px;
}
.header .head-user .list-item:hover, .header .head-user .list-item.active {
color: #cf9c51;
text-decoration: none;
}
.header .head-user .list-item img {
margin-right: 10px;
}
.header .header-lang {
position: relative;
display: flex;
align-items: center;
z-index: 999;
cursor: pointer;
}
.header .header-lang.opened .header-lang--option {
opacity: 1;
visibility: visible;
transform: translateX(0) translateY(0);
transition: all 0.2s;
z-index: 1;
}
.header .header-lang--current {
display: flex;
align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 1;
color: #333;
cursor: pointer;
}
.header .header-lang--current img {
margin-left: 5px;
}
@media (max-width: 1680px) {
.header .header-lang--current {
font-size: 13px;
}
}
.header .header-lang--option {
position: absolute;
top: 40px;
right: 0;
padding-top: 8px;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
min-width: 215px;
}
@media (max-width: 1024px) {
.header .header-lang--option {
top: 88%;
}
}
.header .header-lang--option-style {
border-radius: 10px;
background: var(--FFFFFF, #FFF);
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.35);
padding: 20px;
}
.header .header-lang--option a {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #3D4043;
text-decoration: none;
padding: 11px;
text-align: center;
border: 1px solid var(--F1F1E6, #F1F1E6);
border-radius: 4px;
margin-bottom: 16px;
}
.header .header-lang--option a:last-child {
margin-bottom: 0;
}
.header .header-lang--option a img {
margin-right: 8px;
}
.header .header-lang--option a.active { /* Ngôn ngữ đã chọn */
border-color: #39803D; /* Sử dụng màu bạn muốn cho ngôn ngữ đã chọn */
}
.header .header-lang--option a.active::after {
content: ""; /* Để tạo phần nội dung rỗng */
position: absolute;
right: 10px; /* Định vị bên phải của ngôn ngữ */
top: 50%;
transform: translateY(-50%); /* Căn giữa theo chiều dọc */
width: 30px; /* Chiều rộng của dấu tích */
height: 30px; /* Chiều cao của dấu tích */
background-image: url(../images/common/checkmark-lang.svg); /* Đường dẫn đến hình ảnh dấu tích */
background-size: contain; /* Kích thước để vừa với phần tử */
background-repeat: no-repeat; /* Không lặp lại hình ảnh */
}
.header .header-lang--option a:hover {
border-color: #39803D; /* Chỉ khi hover vào ngôn ngữ */
}
.header .header-lang {
/* Hiện dropdown khi hover vào header-lang */
}
.header .header-lang:hover .header-lang--option {
opacity: 1;
visibility: visible;
transform: translateY(0); /* Đảm bảo không có dịch chuyển khi hover */
transition: all 0.2s;
}
.header .header-lang--option-style.scrollable-options {
max-height: 300px; /* Giới hạn chiều cao danh sách */
overflow-y: auto; /* Hiển thị thanh cuộn dọc nếu nội dung vượt quá */
border: 1px solid #ddd; /* Tùy chọn: Thêm viền cho danh sách */
padding: 5px;
background: #fff; /* Đảm bảo danh sách có màu nền trắng */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Hiệu ứng nổi */
}
.header .header-lang--option-style a {
display: flex;
align-items: center;
margin-bottom: 10px;
text-decoration: none;
color: #333; /* Màu chữ mặc định */
}
.header .header-lang--option-style a.active {
font-weight: bold;
color: #007bff; /* Màu chữ cho ngôn ngữ đang chọn */
}
.header .header-lang--option-style a img {
margin-right: 8px;
width: 20px;
height: 20px;
-o-object-fit: contain;
object-fit: contain;
}
body {
padding-top: 60px;
}
@media (max-width: 767px) {
body {
padding-top: 43px;
}
}
.menu-open {
position: absolute;
top: 0px;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.menu-open.opened {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.menu-open.opened .menu-overlay {
opacity: 1;
pointer-events: all;
}
.menu-open .menu-overlay {
position: absolute;
top: 80px;
left: 0;
width: 100%;
height: 100%;
background: var(--Vaco---002761, #0D2850);
opacity: 0;
pointer-events: none;
z-index: -1;
}
.menu-open .menu-open-container {
position: relative;
}
.menu-open .menu-open-container .content-top {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 140px 0 0;
gap: 165px;
}
.menu-open .menu-open-container .content-top .txt {
max-width: 415px;
}
@media (max-width: 1680px) {
.menu-open .menu-open-container .content-top .txt {
max-width: 259px;
}
}
@media (max-width: 1024px) {
.menu-open .menu-open-container .content-top .txt {
max-width: 50%;
}
}
@media (max-width: 640px) {
.menu-open .menu-open-container .content-top .txt {
max-width: 100%;
}
}
.menu-open .menu-open-container .content-top .txt .title {
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 44px;
letter-spacing: -0.84px;
margin-bottom: 18px;
}
@media (max-width: 1680px) {
.menu-open .menu-open-container .content-top .txt .title {
font-size: 24px;
}
}
.menu-open .menu-open-container .content-top .txt .des {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px;
}
.menu-open .menu-open-container .content-top .menu-list {
position: relative;
min-width: 411px;
overflow-y: auto;
max-height: 500px;
}
.menu-open .menu-open-container .content-top .menu-list::-webkit-scrollbar {
background-color: #ccc;
cursor: pointer;
width: 5px;
}
.menu-open .menu-open-container .content-top .menu-list::-webkit-scrollbar-thumb {
background-color: rgba(13, 40, 80, 0.7);
width: 5px;
}
.menu-open .menu-open-container .content-top .menu-list ul {
padding: 0;
}
.menu-open .menu-open-container .content-top .menu-list ul li {
list-style: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
position: relative;
}
.menu-open .menu-open-container .content-top .menu-list ul li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.menu-open .menu-open-container .content-top .menu-list ul li.active a, .menu-open .menu-open-container .content-top .menu-list ul li:hover a {
background: rgba(255, 255, 255, 0.1);
}
.menu-open .menu-open-container .content-top .menu-list ul li.active a::after, .menu-open .menu-open-container .content-top .menu-list ul li:hover a::after {
opacity: 1;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children a {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 50px;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .icon-arrow {
position: absolute;
right: 10px;
top: 16px;
cursor: pointer;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children {
padding: 20px 30px;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children li {
border: none;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children li:last-child a {
padding-bottom: 0;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children li a {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 0 0 16px;
background: transparent;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children li a:hover {
text-decoration-line: underline;
}
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children li a::after {
display: none;
}
@media (max-width: 1680px) {
.menu-open .menu-open-container .content-top .menu-list ul li.has-children .children li a {
font-size: 14px;
}
}
.menu-open .menu-open-container .content-top .menu-list ul li a {
color: var(--White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
padding: 20px 10px;
display: block;
position: relative;
}
@media (max-width: 1680px) {
.menu-open .menu-open-container .content-top .menu-list ul li a {
font-size: 14px;
}
}
.menu-open .menu-open-container .content-top .menu-list ul li a::after {
content: "";
background: #39803D;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
opacity: 0;
}
.search-open {
position: absolute;
top: 100%;
right: 0;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: -2;
width: 680px;
transition-duration: 0.3s;
}
@media (max-width: 767px) {
.search-open {
width: 480px;
}
}
@media (max-width: 480px) {
.search-open {
width: 360px;
}
}
.search-open .search-close {
position: absolute;
right: 24px;
top: 24px;
z-index: 1;
cursor: pointer;
display: none;
}
.search-open.opened {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.search-open .search-open-container {
transition: all 0.2s;
}
.search-open .search-open-container form {
position: relative;
}
.search-open .search-open-container form .line-search {
background: #fff;
height: 17px;
width: 1px;
position: absolute;
left: 22px;
top: 24px;
}
.search-open .search-open-container form input {
background: var(--Vaco---002761, #0D2850);
width: 100%;
border: none;
padding: 24px 24px 24px 35px;
box-shadow: none;
outline: none;
color: var(--White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.search-open .search-open-container form input::-moz-placeholder {
color: #fff;
}
.search-open .search-open-container form input::placeholder {
color: #fff;
}
.header-menu-mobile {
display: flex;
align-items: center;
}
@media (min-width: 1025px) {
.header-menu-mobile .header-left-mobile {
display: none;
}
}
.header-menu-mobile .header-search img {
vertical-align: sub;
}
.header-menu-mobile .header-lang {
margin-left: 10px;
padding: 10px 10px;
}
.hamburger-menu {
cursor: pointer;
display: none;
}
@media (max-width: 1199px) {
.hamburger-menu {
display: block;
}
}
.mobile-menu {
position: fixed;
top: 43px;
left: -100%;
width: 100%;
height: 100vh;
background: #fff;
transition: left 0.3s ease;
overflow-y: auto;
transform: translate3d(0, 0, 205px);
transition: all 500ms ease-in-out;
}
@media (max-width: 767px) {
.mobile-menu {
top: 43px;
}
}
@media (min-width: 480px) {
.mobile-menu {
max-width: 375px;
}
}
.mobile-menu.active {
left: 0;
}
.mobile-menu ul {
margin: 0;
padding: 0 16px;
}
.mobile-menu .search-mb {
background: var(--F3F6FB, #F3F6FB);
padding: 16px;
}
.mobile-menu .search-mb form {
position: relative;
}
.mobile-menu .search-mb form input {
width: 100%;
border-radius: 40px;
border: 1px solid var(--E2E7ED, #E2E7ED);
background: var(--FFFFFF, #FFF);
padding: 8px 9px 8px 23px;
height: 48px;
outline: none;
}
.mobile-menu .search-mb form #search_submit_header_mobile {
position: absolute;
top: 8px;
right: 9px;
}
.mobile-menu li {
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 22px;
list-style: none;
border-bottom: 1px solid var(--E2E7ED, #E2E7ED);
padding: 12px 0;
position: relative;
color: #3D4043;
}
.mobile-menu li.active, .mobile-menu li:hover {
color: #39803D;
}
.mobile-menu li.active a, .mobile-menu li:hover a {
color: #39803D;
}
.mobile-menu li a {
color: #3D4043;
}
.mobile-menu .children li {
padding-left: 16px;
border-top: 1px solid #E2E7ED;
border-bottom: none;
font-weight: 400;
}
.mobile-menu .children li:last-child {
padding-bottom: 0;
}
.mobile-menu .children li:first-child {
margin-top: 14px;
}
.mobile-menu.active {
left: 0;
transform: translate3d(0, 0, 0);
transition: all 500ms ease-in-out;
}
.has-children:hover {
cursor: hand;
}
.children {
display: none;
}
.icon-arrow {
float: right;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
}
.icon-arrow.open {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
}
.btn-install-mobile {
background: none;
border: none;
padding: 5px;
margin-left: 10px;
margin-right: 20px;
cursor: pointer;
display: flex;
align-items: center;
color: #333;
}
.btn-install-mobile svg {
width: 24px;
height: 24px;
}
.btn-install-mobile:focus {
outline: none;
}
@media (max-width: 767px) {
.header-left-mobile {
display: flex;
align-items: center;
}
}
#language-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
}
#language-popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
max-height: 400px;
background: white;
border-radius: 8px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
overflow: hidden;
}
#language-popup .popup-header {
height: 40px;
position: sticky;
top: 0;
background: white;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 30px;
border-bottom: 1px solid #ccc;
z-index: 10;
}
#language-popup .popup-header .close-button {
position: absolute;
top: 0px;
right: 10px;
background-color: transparent;
border: none;
font-size: 20px;
font-weight: bold;
color: #333;
cursor: pointer;
z-index: 1001;
}
#language-popup .popup-header .close-button:hover {
color: #ff0000;
}
#language-popup .popup-content {
margin-top: 100px;
display: block;
padding: 10px;
overflow-y: auto;
max-height: 350px;
}
#language-popup .popup-content::-webkit-scrollbar {
width: 8px;
}
#language-popup .popup-content::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 4px;
}
#language-popup .popup-content .dropdown-option {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
cursor: pointer;
margin-bottom: 10px;
}
#language-popup .popup-content .dropdown-option:hover {
background-color: #e9e9e9;
}
#language-popup .popup-content .dropdown-option .dropdown-img {
width: 20px;
height: 20px;
}
.children {
display: none;
}
.footer-top {
background: var(--FDFDF5, #FDFDF5);
}
.footer-top .box_title .title-name {
color: #3D4043;
}
.footer-top .app_store {
text-align: center;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.footer-preform-letter {
padding: 136px 0;
}
@media (max-width: 767px) {
.footer-preform-letter {
padding: 60px 0;
}
}
@media (max-width: 430px) {
.footer-preform-letter {
background: url(../images/home/bg-form-mb.jpg) !important;
padding: 252px 0 32px;
background-size: cover !important;
}
}
.footer-preform-letter .preform-main {
border-radius: 20px;
background: var(--FFFFFF, #FFF);
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
padding: 40px;
}
@media (max-width: 480px) {
.footer-preform-letter .preform-main {
padding: 20px;
}
}
@media (max-width: 767px) {
.footer-preform-letter .col {
flex: 0 0 100%;
}
}
.footer-preform-letter .box_title {
text-align: left;
margin-bottom: 20px;
}
.footer-preform-letter .box_title .title-name {
color: #3D4043;
}
.footer-preform-letter .box_title .sub-title {
color: #828282;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}
.footer {
position: relative;
bottom: -30px;
}
.footer .container {
position: relative;
z-index: 2;
}
.footer .footer-main {
background: var(--FDFDF5, #f8f9fa);
}
.footer .footer-logo {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 0;
border-bottom: 1px solid #DADCE0;
}
.footer .footer-logo .logo a img {
max-width: 110px;
max-height: 64px;
}
@media (max-width: 640px) {
.footer .footer-logo {
flex-direction: column;
}
}
.footer .footer-logo .social-ic-gr {
display: flex;
align-items: center;
}
@media (max-width: 640px) {
.footer .footer-logo .social-ic-gr {
margin-top: 20px;
}
}
.footer .footer-logo .social-ic-gr span {
margin-right: 20px;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.footer .footer-logo .social-ic-gr a {
margin-right: 10px;
}
.footer .footer-logo .social-ic-gr a:last-child {
margin-right: 0;
}
.footer .footer-logo .social-icons a {
color: #00a99d;
font-size: 24px;
margin: 0 10px;
}
.footer .footer-logo .social-icons a .icon-social {
width: 1em;
height: 1em;
vertical-align: -0.125em;
fill: currentColor;
}
.footer .bg-line {
background: url(../images/home/bg-line-ft.png);
width: 100%;
height: 2px;
background-repeat: no-repeat;
}
@media (max-width: 640px) {
.footer .bg-line {
background: url(../images/home/bg-line-mb.png);
width: 388px;
margin: 0 auto;
}
}
@media (max-width: 430px) {
.footer .bg-line {
width: 100%;
}
}
.footer .footer-bot {
text-align: center;
padding-bottom: 34px;
color: #3D4043;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.07px;
}
.footer .footer-bot .title-cpr {
color: var(--3D4043, #3D4043);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
display: block;
margin-bottom: 6px;
}
.footer .footer-bot .add {
margin-bottom: 6px;
}
.preform-form-main .ipt-field {
margin-bottom: 10px;
}
.preform-form-main .ipt-field textarea,
.preform-form-main .ipt-field input {
border-radius: 4px;
border: 1px solid #DADCE0;
background: #fff;
color: var(--main-2-alpha-828282, #999);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
padding: 11px 14px;
width: 100%;
max-height: 58px;
outline: none;
}
.preform-form-main .ipt-field textarea::-moz-placeholder, .preform-form-main .ipt-field input::-moz-placeholder {
color: var(--main-2-alpha-828282, #999);
}
.preform-form-main .ipt-field textarea::placeholder,
.preform-form-main .ipt-field input::placeholder {
color: var(--main-2-alpha-828282, #999);
}
.preform-form-main .ipt-field #checkName,
.preform-form-main .ipt-field #checkPhone {
font-size: 14px;
}
.preform-form-main textarea {
min-height: 90px;
max-height: inherit !important;
}
.preform-form-main .submit-field {
width: 100%;
}
.preform-form-main .submit-field button {
border-radius: 29px;
background: var(--F05E22, #F05E22);
color: var(--main-2-alpha-ffffff, #fff);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: inline-flex;
align-items: center;
padding: 12px 30px;
box-shadow: none;
transition: all 0.3s;
border: none;
}
@media screen and (max-width: 430px) {
.preform-form-main .submit-field button {
width: 100%;
text-align: center;
justify-content: center;
}
}
.preform-form-main .submit-field button svg {
margin-left: 6px;
}
.preform-form-main .submit-field button:hover {
background: #B33E0E;
}
.footer-content-main {
position: relative;
margin-bottom: 40px;
padding: 40px 0;
border-bottom: 1px solid #DADCE0;
}
@media (max-width: 767px) {
.footer-content-main {
margin-bottom: 0px;
padding-bottom: 20px;
}
}
.footer-content-main .footer-info-address .footer-info-inner {
display: flex;
gap: 20px;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between;
}
@media (max-width: 767px) {
.footer-content-main .footer-info-address .footer-info-inner {
gap: 0;
}
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address {
width: calc(25% - 20px);
position: relative;
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address::after {
content: "";
width: 1px;
height: 100%;
background: var(--DADCE0, #DADCE0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address:last-child::after {
display: none;
}
@media (max-width: 1024px) {
.footer-content-main .footer-info-address .footer-info-inner .ft-address {
width: calc(50% - 20px);
}
}
@media (max-width: 480px) {
.footer-content-main .footer-info-address .footer-info-inner .ft-address {
width: 100%;
margin-bottom: 20px;
}
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address h4 {
color: var(--121212, #121212);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
display: block;
margin-bottom: 20px;
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address h4 a {
color: var(--121212, #121212);
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address .address-list a {
color: var(--606368, #606368);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
display: block;
}
.footer-content-main .footer-info-address .footer-info-inner .ft-address .address-list a:hover {
color: #39803D;
}
.news-slider {
position: relative;
}
.news-slider .swiper-navigation .swiper-button-prev {
left: -34px;
}
@media (max-width: 1280px) {
.news-slider .swiper-navigation .swiper-button-prev {
left: -18px;
}
}
@media (max-width: 1199px) {
.news-slider .swiper-navigation .swiper-button-prev {
left: -10px;
}
}
.news-slider .swiper-navigation .swiper-button-next {
right: -34px;
}
@media (max-width: 1280px) {
.news-slider .swiper-navigation .swiper-button-next {
right: -18px;
}
}
@media (max-width: 1199px) {
.news-slider .swiper-navigation .swiper-button-next {
right: -10px;
}
}
.news-item:hover .news-item-img::after {
opacity: 1;
}
.news-item:hover .news-item-img img {
transform: scale(1.05);
}
.news-item:hover .news-item-img a::after {
display: block;
}
.news-item .news-item-img {
position: relative;
display: block;
overflow: hidden;
}
.news-item .news-item-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.3s;
}
.news-item .news-item-img::before {
content: "";
display: block;
padding-bottom: 66.03%;
}
.news-item .news-item-img::after {
content: "";
background: rgba(53, 53, 53, 0.3);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.news-item .news-item-img a::after {
content: "";
position: absolute;
width: calc(100% - 34px);
height: calc(100% - 34px);
background: transparent url(../images/home/border-hv.png) no-repeat center center;
background-size: contain;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
margin: auto;
transition: 0.15s width ease 0.15s;
-web-kit-transition: 0.15s width ease 0.15s;
z-index: 1;
}
.news-item .news-items-content {
margin-top: 17px;
}
.news-item .news-items-content .content-title {
color: var(--White, #FFF);
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.66px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
@media (max-width: 1680px) {
.news-item .news-items-content .content-title {
font-size: 20px;
}
}
.news-item .news-items-content .content-title:hover {
text-decoration-line: underline;
}
.news-item .news-items-content .content-des {
color: var(--White, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
letter-spacing: -0.16px;
margin-top: 17px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.news-item .news-items-content .content-info {
margin-top: 17px;
color: var(--White, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.news-item .news-items-content .content-info .cate {
font-weight: 700;
}
.common-paginate {
gap: 16px;
}
.common-paginate > * {
display: inline-block;
color: #333333;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
text-decoration: unset;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 4px;
}
.common-paginate > *.active {
color: #fff;
background: #ff6b00;
}
.common-paginate .nav-svg {
background: var(--Gray-5, #e0e0e0);
border-radius: 4px;
}
.common-paginate .nav-svg.disabled {
opacity: 0.5;
pointer-events: none;
}
.common-paginate svg {
display: inline-block;
vertical-align: middle;
margin-top: -5px;
}
.box_fixhotline {
width: 48px;
position: fixed;
right: 20px;
bottom: 50px;
z-index: 5;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media screen and (max-width: 767px) {
.box_fixhotline {
right: 10px;
}
}
.box_fixhotline a {
display: flex;
align-items: center;
width: 48px;
height: 48px;
border-radius: 50%;
justify-content: center;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
background: #FFFFFF;
position: relative;
margin-bottom: 10px;
}
.box_fixhotline a:last-child {
margin-bottom: 0;
}
.box_fixhotline a span.fixhotline_txt {
position: absolute;
right: calc(100% - 3px);
top: 0;
bottom: 0;
margin: auto;
padding-right: 20px;
display: none;
width: -moz-max-content;
width: max-content;
align-items: center;
}
.box_fixhotline a span.fixhotline_txt span {
border-radius: 4px;
background: var(--448D46, #448D46);
padding: 4px 18px;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 162.5%;
display: block;
white-space: nowrap;
position: relative;
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
}
.box_fixhotline a span.fixhotline_txt span::after {
content: "";
display: block;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 9px solid #448D46;
position: absolute;
right: -8px;
top: 0;
bottom: 0;
margin: auto;
}
.box_fixhotline a:hover span.fixhotline_txt {
display: flex;
}
.popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 111;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s;
}
.popup.opened {
opacity: 1;
visibility: visible;
pointer-events: inherit;
transition: all 0.3s;
}
.popup-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
}
.popup-absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.popup-relative {
height: 100vh;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none; /* Ẩn thanh scrollbar trên Firefox */
-ms-overflow-style: none; /* Ẩn thanh scrollbar trên IE và Edge */
}
.popup-content {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
min-height: calc(100% - 3.5rem);
margin: 1.75rem 15px;
transform: translateY(-100px);
transition: all 0.3s;
}
.popup-content.active {
transform: translateY(0);
transition: all 0.3s;
}
.popup-account {
background: #ffffff;
border-radius: 5px;
}
.popup .max-width-600 {
max-width: 600px;
width: 100%;
}
.popup .max-width-860 {
max-width: 860px;
width: 100%;
}
.popup-account {
position: relative;
}
.popup-account .btn-close {
position: absolute;
top: 20px;
right: 30px;
}
@media (max-width: 991px) {
.popup-account .btn-close {
top: 15px;
right: 15px;
}
}
.popup-account .title-account {
display: block;
font-family: "Cormorant";
font-weight: 600;
font-size: 30px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
color: #cf9c51;
padding: 20px;
border-bottom: 1px solid #bdbdbd;
}
@media (max-width: 1500px) {
.popup-account .title-account {
font-size: 25px;
line-height: 25px;
}
}
@media (max-width: 991px) {
.popup-account .title-account {
font-size: 20px;
padding: 15px;
}
}
.popup-account .wrapper {
padding: 15px 35px 45px;
}
@media (max-width: 767px) {
.popup-account .wrapper {
padding: 15px;
}
}
.popup-account .wrapper .sub-title {
display: block;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 16px;
line-height: 25px;
text-align: center;
color: #000000;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.popup-account .wrapper .sub-title {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
}
}
.popup-account .wrapper .form-popup .input-field {
position: relative;
display: block;
width: 100%;
margin-bottom: 10px;
}
.popup-account .wrapper .form-popup .input-field input {
display: block;
width: 100%;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 14px;
line-height: 29px;
color: #000000;
background: #ffffff;
border: 0.5px solid #828282;
border-radius: 5px;
padding: 10px;
}
@media (max-width: 1500px) {
.popup-account .wrapper .form-popup .input-field input {
line-height: 24px;
}
}
@media (max-width: 767px) {
.popup-account .wrapper .form-popup .input-field input {
line-height: 18px;
}
}
.popup-account .wrapper .form-popup .input-field input::-moz-placeholder {
color: #828282;
}
.popup-account .wrapper .form-popup .input-field input::placeholder {
color: #828282;
}
.popup-account .wrapper .form-popup .input-field input::-webkit-input-placeholder {
/* Edge */
color: #828282;
}
.popup-account .wrapper .form-popup .input-field input:-ms-input-placeholder {
/* Internet Explorer */
color: #828282;
}
.popup-account .wrapper .form-popup .input-field img {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.popup-account .wrapper .form-popup .sub-italic {
display: block;
font-style: italic;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 14px;
line-height: 19px;
color: #828282;
margin: 10px 0;
}
.popup-account .wrapper .form-popup .submit--change-pass {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: 8px;
margin-top: 30px;
}
@media (max-width: 767px) {
.popup-account .wrapper .form-popup .submit--change-pass {
margin-top: 15px;
}
}
.popup-account .wrapper .form-popup .submit--change-pass .btn-submit {
display: inline-block;
font-family: "SVN-Gotham";
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
border-radius: 5px;
padding: 12px 22px;
}
@media (max-width: 1500px) {
.popup-account .wrapper .form-popup .submit--change-pass .btn-submit {
padding: 10px 20px;
}
}
@media (min-width: 768px) {
.popup-account .wrapper .form-popup .submit--change-pass .btn-submit {
min-width: 140px;
}
}
@media (max-width: 767px) {
.popup-account .wrapper .form-popup .submit--change-pass .btn-submit {
font-size: 14px;
line-height: 19px;
padding: 8px 14px;
}
}
.popup-account .wrapper .form-popup .submit--change-pass .btn-main {
background: #cf9c51;
border: 1px solid #cf9c51;
color: #fff;
}
.popup-account .wrapper .form-popup .submit--change-pass .btn-main:hover {
background: #0f2f20;
border: 1px solid #0f2f20;
text-decoration: none;
}
.popup-account .wrapper .form-popup .submit--change-pass .btn-trans {
background: transparent;
border: 1px solid #828282;
color: currentColor;
}
.popup-account .wrapper .form-popup .submit--change-pass .btn-trans:hover {
border: 1px solid #828282;
background: #828282;
color: #fff;
text-decoration: none;
}
.popup-account .wrapper .sub-action {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 20px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.popup-account .wrapper .sub-action {
margin-bottom: 10px;
margin-top: 10px;
}
}
.popup-account .wrapper .sub-action label {
font-weight: 300;
font-size: 16px;
line-height: 18px;
color: #000000;
margin: 0;
}
@media (max-width: 1500px) {
.popup-account .wrapper .sub-action label {
font-size: 14px;
}
}
.popup-account .wrapper .sub-action label input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
}
.popup-account .wrapper .sub-action label input:checked ~ span::after {
background-image: url(../images/common/svg-checked-orange.svg);
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
left: 8px;
top: 50%;
transform: translateY(-50%);
}
.popup-account .wrapper .sub-action label span {
position: relative;
padding-left: 40px;
}
@media (max-width: 767px) {
.popup-account .wrapper .sub-action label span {
padding-left: 25px;
}
}
.popup-account .wrapper .sub-action label span::before, .popup-account .wrapper .sub-action label span::after {
content: "";
position: absolute;
}
.popup-account .wrapper .sub-action label span::before {
border: 1px solid #828282;
border-radius: 2px;
width: 30px;
height: 30px;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.popup-account .wrapper .sub-action label span::before {
height: 20px;
width: 20px;
}
}
.popup-account .wrapper .sub-action .btn-forgot-pass {
display: block;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-decoration-line: underline;
color: #cf9c51;
margin-left: auto;
}
@media (max-width: 1500px) {
.popup-account .wrapper .sub-action .btn-forgot-pass {
font-size: 14px;
}
}
.popup-account .wrapper .sub-action .btn-forgot-pass:hover {
color: #0f2f20;
}
.popup-account .wrapper .btn-submit {
display: inline-block;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #ffffff;
background: #cf9c51;
border-radius: 5px;
padding: 11px 61px;
border: unset;
outline: unset;
transition: all 0.2s;
}
@media (max-width: 767px) {
.popup-account .wrapper .btn-submit {
font-size: 14px;
line-height: 14px;
}
}
.popup-account .wrapper .btn-submit:hover {
background: #0f2f20;
transition: all 0.2s;
}
.popup-account .wrapper .box-link-inside {
display: block;
text-align: center;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
color: #828282;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.popup-account .wrapper .box-link-inside {
font-size: 13px;
margin-bottom: 10px;
}
}
.popup-account .wrapper .box-link-inside .btn-link-register {
display: inline-block !important;
color: #cf9c51;
}
.popup-account .wrapper .box-link-inside .btn-link-register:hover {
color: #0f2f20;
}
.popup-account .wrapper .box-social-login .box-text {
position: relative;
display: block;
text-align: center;
margin-bottom: 15px;
}
.popup-account .wrapper .box-social-login .box-text::before {
content: "";
position: absolute;
background: #bdbdbd;
width: 70%;
height: 0.3px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.popup-account .wrapper .box-social-login .box-text::before {
width: 100%;
}
}
.popup-account .wrapper .box-social-login .box-text .text {
position: relative;
display: inline-block;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 16px;
line-height: 21px;
color: #828282;
background: #fff;
padding: 0 30px;
}
@media (max-width: 1500px) {
.popup-account .wrapper .box-social-login .box-text .text {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 767px) {
.popup-account .wrapper .box-social-login .box-text .text {
font-size: 13px;
line-height: 16px;
padding: 0 15px;
}
}
.popup-account .wrapper .box-social-login .box-social {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 6px;
justify-content: center;
}
.popup-account .wrapper .box-social-login .box-social .btn-login {
flex: 0 0 250px;
display: flex;
align-items: center;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 14px;
line-height: 29px;
color: #828282;
padding: 9px;
background: #ffffff;
border: 1px solid #828282;
border-radius: 5px;
}
@media (max-width: 1500px) {
.popup-account .wrapper .box-social-login .box-social .btn-login {
padding: 5px 9px;
}
}
@media (max-width: 767px) {
.popup-account .wrapper .box-social-login .box-social .btn-login {
line-height: 19px;
}
}
@media (max-width: 575px) {
.popup-account .wrapper .box-social-login .box-social .btn-login {
flex: 100%;
}
}
.popup-account .wrapper .box-social-login .box-social .btn-login img {
flex-shrink: 0;
border: 0.5px solid #e8e8e8;
border-radius: 50%;
margin-right: 10px;
filter: grayscale(1);
transition: all 0.2s;
}
.popup-account .wrapper .box-social-login .box-social .btn-login:hover {
color: #fff;
text-decoration: none;
}
.popup-account .wrapper .box-social-login .box-social .btn-login:hover img {
border: 0.5px solid transparent;
filter: grayscale(0);
transition: all 0.2s;
}
.popup-account .wrapper .box-social-login .box-social .btn-fb:hover {
border: 1px solid #1b59ac;
background: #1b59ac;
}
.popup-account .wrapper .box-social-login .box-social .btn-gg:hover {
border: 1px solid #da3131;
background: #da3131;
}
.popup-account .wrapper .privacy {
display: block;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #828282;
margin-top: 20px;
}
@media (max-width: 767px) {
.popup-account .wrapper .privacy {
font-size: 13px;
}
}
.popup-account .wrapper .privacy a {
display: block;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-decoration-line: underline;
color: #cf9c51;
margin-top: 5px;
}
@media (max-width: 767px) {
.popup-account .wrapper .privacy a {
font-size: 14px;
}
}
.popup-account .wrapper .box-sub-action {
display: block;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 14px;
line-height: 16px;
text-align: center;
color: #828282;
}
.popup-account .wrapper .box-sub-action a {
display: block;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
text-decoration-line: underline;
color: #cf9c51;
margin-top: 5px;
}
#accountLogin .wrapper {
display: flex;
flex-flow: column;
height: 100%;
}
@media (min-width: 1400px) {
#accountLogin .wrapper {
min-height: 560px;
}
}
#accountLogin .box-social-login {
margin-top: auto;
}
@media (max-width: 1500px) {
#accountLogin .mt-lg-5 {
margin-top: 20px !important;
}
}
@media (max-width: 1500px) {
#accountLogin .mb-lg-5 {
margin-bottom: 20px !important;
}
}
#manage .manage-account {
display: block;
padding: 26px 33px;
}
@media (max-width: 767px) {
#manage .manage-account {
padding: 10px;
}
}
#manage .manage-account-row {
position: relative;
display: flex;
flex-wrap: wrap;
margin: 0 -13px;
}
@media (max-width: 991.98px) {
#manage .manage-account-row {
display: block;
margin: 0;
}
}
@media (max-width: 767px) {
#manage .manage-account-row {
margin: 0;
}
}
#manage .manage-account-col {
padding: 0 13px;
}
@media (max-width: 991.98px) {
#manage .manage-account-col {
padding: 0;
}
}
#manage .manage-account-col:first-child {
max-width: 140px;
}
@media (max-width: 991.98px) {
#manage .manage-account-col:first-child {
flex: 100%;
max-width: 100%;
text-align: center;
margin-bottom: 20px;
}
}
#manage .manage-account-col:last-child {
flex: 1;
}
#manage .manage-account .box-upload {
display: inline-block;
flex-shrink: 0;
}
#manage .manage-account .box-upload .image {
position: relative;
border-radius: 50%;
overflow: hidden;
}
#manage .manage-account .box-upload .image:hover .action-upload {
bottom: 0;
transition: all 0.3s;
}
#manage .manage-account .box-upload .image img {
width: 115px;
height: 115px;
-o-object-fit: cover;
object-fit: cover;
}
#manage .manage-account .box-upload .image .action-upload {
position: absolute;
bottom: -100%;
left: 0;
right: 0;
cursor: pointer;
transition: all 0.3s;
}
#manage .manage-account .box-upload .image .action-upload::before {
content: "";
position: absolute;
background-image: url(../images/common/ic-camera.png);
background-repeat: no-repeat;
background-size: 100% auto;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
pointer-events: none;
cursor: pointer;
}
#manage .manage-account .box-upload .image .action-upload input {
opacity: 0;
cursor: pointer;
}
#manage .manage-account .box-upload .text {
display: block;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 16px;
line-height: 21px;
text-align: center;
color: #000000;
margin-top: 15px;
}
#manage .manage-account .user-info {
padding-left: 0;
}
@media (min-width: 1366px) {
#manage .manage-account .user-info {
margin-top: 15px;
}
}
#manage .manage-account .user-info .user-info-item {
position: relative;
display: flex;
align-items: baseline;
justify-content: space-between;
border-bottom: 1px solid #d0d0d0;
padding-bottom: 25px;
margin-bottom: 20px;
}
@media (max-width: 1500px) {
#manage .manage-account .user-info .user-info-item {
padding-bottom: 15px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item {
flex-flow: column;
padding-bottom: 10px;
margin-bottom: 10px;
}
}
#manage .manage-account .user-info .user-info-item .update-info {
justify-self: flex-end;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #cf9c51;
}
@media (max-width: 1500px) {
#manage .manage-account .user-info .user-info-item .update-info {
flex: 0 0 auto;
font-size: 14px;
line-height: 20px;
}
}
#manage .manage-account .user-info .user-info-item .info-item-name {
flex: 0 0 auto;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 16px;
line-height: 21px;
min-width: 117px;
margin-right: 13px;
color: #000000;
margin-bottom: 0;
}
@media (max-width: 1500px) {
#manage .manage-account .user-info .user-info-item .info-item-name {
font-size: 14px;
line-height: 19px;
min-width: 100px;
}
}
#manage .manage-account .user-info .user-info-item .info--wrapper,
#manage .manage-account .user-info .user-info-item .info--wrapper-update {
flex: 0 0 80%;
display: flex;
justify-content: space-between;
align-items: baseline;
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .info--wrapper,
#manage .manage-account .user-info .user-info-item .info--wrapper-update {
flex: 0 0 100%;
}
}
#manage .manage-account .user-info .user-info-item .info--wrapper .info {
flex: 0 0 80%;
max-width: 430px;
}
#manage .manage-account .user-info .user-info-item .info--wrapper .info p {
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 16px;
line-height: 21px;
color: #828282;
margin-bottom: 0;
}
@media (max-width: 1500px) {
#manage .manage-account .user-info .user-info-item .info--wrapper .info p {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .info--wrapper .info {
flex: 0 0 60%;
max-width: 100%;
}
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .info--wrapper {
width: 100%;
}
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info {
flex: 0 0 80%;
max-width: 380px;
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta .btn-submit {
border-radius: 5px;
padding: 10px 7px;
margin: 0 3px;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
border: 1px solid transparent;
display: block;
text-transform: uppercase;
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta .btn-submit.btn-save {
background: #cf9c51;
color: #ffffff;
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta .btn-submit.btn-save:hover {
text-decoration: none;
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta .btn-submit.btn-cancel {
background: #ffffff;
color: #000000;
border: 1px solid #000000;
}
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta .btn-submit.btn-cancel:hover {
text-decoration: none;
}
@media (max-width: 1500px) {
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta .btn-submit {
font-size: 14px;
line-height: 20px;
padding: 6px 7px;
}
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .info--wrapper-update .info-cta {
margin: 10px 0 0;
}
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .info--wrapper-update {
display: block;
width: 100%;
}
}
#manage .manage-account .user-info .user-info-item .select-sexual {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .select-sexual {
margin-top: 10px;
margin-bottom: 20px;
}
}
#manage .manage-account .user-info .user-info-item .select-sexual label {
position: relative;
display: flex;
align-items: center;
flex: auto;
margin: 0;
}
#manage .manage-account .user-info .user-info-item .select-sexual input {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
display: none;
width: auto;
font-size: unset;
line-height: unset;
margin: 0;
}
#manage .manage-account .user-info .user-info-item .select-sexual input:checked ~ span::after {
background: #cf9c51;
width: 12px;
height: 12px;
left: 5px;
}
#manage .manage-account .user-info .user-info-item .select-sexual span {
position: relative;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #828282;
padding-left: 32px;
}
#manage .manage-account .user-info .user-info-item .select-sexual span::before, #manage .manage-account .user-info .user-info-item .select-sexual span::after {
content: "";
position: absolute;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
}
#manage .manage-account .user-info .user-info-item .select-sexual span::before {
border: 1px solid #828282;
width: 22px;
height: 22px;
left: 0;
}
#manage .manage-account .user-info .user-info-item .select-option {
position: relative;
display: flex;
flex-wrap: wrap;
}
#manage .manage-account .user-info .user-info-item .select-option label {
position: relative;
width: 100%;
}
#manage .manage-account .user-info .user-info-item .select-option-dob {
width: 100%;
gap: 15px;
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .select-option-dob {
gap: 0;
}
}
#manage .manage-account .user-info .user-info-item .select-option-dob label {
position: relative;
flex: auto;
width: auto;
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item .select-option-dob label {
flex: 100%;
}
}
#manage .manage-account .user-info .user-info-item input,
#manage .manage-account .user-info .user-info-item select,
#manage .manage-account .user-info .user-info-item option,
#manage .manage-account .user-info .user-info-item textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
background: #ffffff;
border: 0.5px solid #828282;
border-radius: 5px;
font-family: "SVN-Gotham Book";
font-weight: normal;
font-size: 14px;
line-height: 31px;
color: #828282;
padding: 5px;
margin-bottom: 7px;
}
@media (max-width: 1500px) {
#manage .manage-account .user-info .user-info-item input,
#manage .manage-account .user-info .user-info-item select,
#manage .manage-account .user-info .user-info-item option,
#manage .manage-account .user-info .user-info-item textarea {
line-height: 22px;
}
}
@media (max-width: 767px) {
#manage .manage-account .user-info .user-info-item input,
#manage .manage-account .user-info .user-info-item select,
#manage .manage-account .user-info .user-info-item option,
#manage .manage-account .user-info .user-info-item textarea {
margin-top: 10px;
}
}
#manage .manage-account .user-info .user-info-item input::-moz-placeholder, #manage .manage-account .user-info .user-info-item select::-moz-placeholder, #manage .manage-account .user-info .user-info-item option::-moz-placeholder, #manage .manage-account .user-info .user-info-item textarea::-moz-placeholder {
color: #828282;
opacity: 1;
}
#manage .manage-account .user-info .user-info-item input::placeholder,
#manage .manage-account .user-info .user-info-item select::placeholder,
#manage .manage-account .user-info .user-info-item option::placeholder,
#manage .manage-account .user-info .user-info-item textarea::placeholder {
color: #828282;
opacity: 1;
}
#manage .manage-account .user-info .user-info-item input:-ms-input-placeholder,
#manage .manage-account .user-info .user-info-item select:-ms-input-placeholder,
#manage .manage-account .user-info .user-info-item option:-ms-input-placeholder,
#manage .manage-account .user-info .user-info-item textarea:-ms-input-placeholder {
color: #828282;
opacity: 1;
}
#manage .manage-account .user-info .user-info-item input::-ms-input-placeholder,
#manage .manage-account .user-info .user-info-item select::-ms-input-placeholder,
#manage .manage-account .user-info .user-info-item option::-ms-input-placeholder,
#manage .manage-account .user-info .user-info-item textarea::-ms-input-placeholder {
color: #828282;
opacity: 1;
}
#manage .manage-account .change-pass {
position: relative;
display: inline-flex;
align-items: center;
font-family: "SVN-Gotham";
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #cf9c51;
text-decoration: underline;
}
#manage .manage-account .change-pass img {
display: block;
margin-right: 10px;
}
@media (max-width: 767px) {
#manage .manage-account .change-pass {
font-size: 14px;
line-height: 20px;
}
}
#manage .flex-button {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 6px;
}
#manage .flex-button .btn-submit {
display: inline-block;
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
padding: 11px;
border-radius: 5px;
border: 1px solid transparent;
}
#manage .flex-button .btn-save {
background: black;
border: 1px solid black;
color: #fff;
}
#manage .flex-button .btn-save:hover {
background: white;
border: 1px solid white;
}
#manage .flex-button .btn-cancel {
border: 1px solid #828282;
color: #828282;
}
#manage .flex-button .btn-cancel:hover {
background: #828282;
color: #fff;
}
#forgot-password .font-playfair {
font-family: "Playfair Display", serif;
}
#forgot-password .text-gold {
color: #c69c6d;
}
#forgot-password .bg-gold {
background-color: #c69c6d;
}
#forgot-password .submit--change-pass {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
gap: 8px;
margin-top: 30px;
}
#forgot-password .fa-eye, #forgot-password .fa-eye-slash {
cursor: pointer;
}
.page-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
.page-loader.active {
display: flex !important;
justify-content: center;
align-items: center;
}
.page-loader .loader-wrapper {
text-align: center;
position: relative;
background: transparent;
padding: 2em;
}
.page-loader .spinner {
position: relative;
width: 80px;
height: 80px;
margin: 0 auto;
}
.page-loader .spinner .circle {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid transparent;
border-top: 3px solid rgb(32, 184, 45);
border-radius: 50%;
transform-origin: center center;
}
.page-loader .spinner .circle:nth-child(1) {
animation: rotate1 1.5s linear infinite;
}
.page-loader .spinner .circle:nth-child(2) {
animation: rotate2 1.5s linear infinite;
}
@keyframes rotate1 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate2 {
from {
transform: rotate(180deg);
}
to {
transform: rotate(540deg);
}
}
@media (max-width: 768px) {
.page-loader .spinner {
width: 60px;
height: 60px;
}
.page-loader .spinner .circle {
border-width: 2.5px;
border-top-width: 2.5px;
}
}
.item_course {
border-radius: 20px;
background: var(--FFFFFF, #FFF);
padding: 40px;
display: flex;
}
@media (max-width: 640px) {
.item_course {
flex-wrap: wrap;
}
}
@media (max-width: 430px) {
.item_course {
padding: 20px;
}
}
.item_course .img {
flex: 0 0 400px;
max-width: 400px;
border-radius: 10px;
border: 1px solid var(--F1F1E6, #F1F1E6);
background: var(--FFFFFF, #FFF);
}
.item_course .img a img {
border-radius: 3%;
}
@media (max-width: 820px) {
.item_course .img {
flex: 0 0 300px;
max-width: 300px;
}
}
@media (max-width: 640px) {
.item_course .img {
flex: 0 0 100%;
max-width: 100%;
}
}
.item_course .content {
padding: 40px;
}
@media (max-width: 820px) {
.item_course .content {
padding-right: 0;
}
}
@media (max-width: 640px) {
.item_course .content {
padding-left: 0;
padding-bottom: 0;
}
}
.item_course .content .content-title {
color: var(--448D46, #448D46);
font-family: "Barlow";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 20px;
}
.item_course .content .content-des {
color: var(--3D4043, #3D4043);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.item_course .content .content-des ul li {
margin-bottom: 10px;
}
.course_wrapper .item-col,
.block-software .item-col {
margin-bottom: 40px;
}
@media (min-width: 821px) {
.course_wrapper .item-col .col,
.block-software .item-col .col {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 820px) {
.course_wrapper .item-col .col,
.block-software .item-col .col {
flex: 0 0 100%;
max-width: 100%;
}
}
.course_wrapper .item-col .row,
.block-software .item-col .row {
align-items: center;
}
.course_wrapper .item-col .image,
.block-software .item-col .image {
position: relative;
display: block;
overflow: hidden;
}
.course_wrapper .item-col .image img,
.block-software .item-col .image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.3s;
}
.course_wrapper .item-col .image::before,
.block-software .item-col .image::before {
content: "";
display: block;
padding-bottom: 69.4%;
}
.course_wrapper .item-col .image,
.block-software .item-col .image {
border-radius: 20px;
max-width: 500px;
margin: 0 auto;
}
@media (max-width: 820px) {
.course_wrapper .item-col .image,
.block-software .item-col .image {
max-width: 100%;
}
}
.course_wrapper .item-col .content,
.block-software .item-col .content {
padding: 0 40px;
}
@media (max-width: 820px) {
.course_wrapper .item-col .content,
.block-software .item-col .content {
padding: 20px 0 0;
}
}
.course_wrapper .item-col .content .title,
.block-software .item-col .content .title {
color: var(--448D46, #448D46);
font-family: "Barlow";
font-size: 20px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 20px;
}
@media (max-width: 820px) {
.course_wrapper .item-col .content .title,
.block-software .item-col .content .title {
font-size: 18px;
}
}
.course_wrapper .item-col .content .des,
.block-software .item-col .content .des {
color: var(--3D4043, #3D4043);
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
}
.course_wrapper .item-col .content .view-all .btn-pill,
.block-software .item-col .content .view-all .btn-pill {
background: #39803D;
color: #fff;
}
.course_wrapper .item-col .content .view-all .btn-pill svg,
.block-software .item-col .content .view-all .btn-pill svg {
margin-left: 10px;
}
.course_wrapper .item-col .content .view-all .btn-pill svg path,
.block-software .item-col .content .view-all .btn-pill svg path {
fill: #fff;
}
.course_wrapper .item-col .content .view-all .btn-pill:hover,
.block-software .item-col .content .view-all .btn-pill:hover {
background: #256527;
border-color: #256527;
}
.course-list .box_title {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 767px) {
.course-list .box_title {
flex-direction: column;
align-items: flex-start;
}
}
.course-list .item_course {
margin-bottom: 20px;
box-shadow: none;
}
.course-list .item_course:hover {
box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}
.course-list .view-list {
text-align: center;
}
.course-list .view-list .btn-pill {
border: 1px solid var(--DADCE0, #DADCE0);
color: var(--3D4043, #3D4043);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 11px 20px;
}
.course-list .view-list .btn-pill:hover {
color: #fff;
}